/*=========================================================================================================================
* 프로젝트: 
* 파일명:  board.css  사이트 전체에 적용되는 기본 설정값
* 작업자: POMTEC WEB
=========================================================================================================================*/


@charset "utf-8";


/* board-common */

/* 기본 입력폼 */
input[type=text], input[type=password], select, textarea { border: 1px solid #ccc; padding: 3px 5px;box-sizing:border-box;border-radius:3px;min-height: 28px; }
select { padding: 3px 25px 3px 5px; min-height: 28px; } 
select option.selected { background-color: #FF6600; color: #FFFFFF;	font-weight: bold; }
textarea { padding: 5px; min-height: 40px; overflow: auto; }
input[readonly=readonly] { background-color: #ededef; border: 1px solid #e0e0e3; }
input[type=text].min, textarea.min { width: 5%; min-width: 50px; }
input[type=text].min2, textarea.min2 { width: 14px; }
input[type=text].s10, textarea.s10 { width: 14%; }
input[type=text].quad, textarea.quad, select.quad, input[type=password].quad { width: 24%; }
input[type=text].half, textarea.half, select.half, input[type=password].half { width: 49%; }
input[type=text].full, textarea.full, select.full, input[type=password].full { width: 98%; }
input[type=text].number, input[type=password].number { text-align: right; }
input[type=text].zipcode { width: 50px; text-align: center; }
input[type=text].essential, input[type=password].essential, select.essential, textarea.essential, label.essential { background-color: #f6f8f8; background-image: url(images/inp_essential.gif); background-position: top left; background-repeat: no-repeat; }
input[type=text].calendar { border: 1px solid #aaaaaa; background: url(/Ivyimages/common/calendar.gif) no-repeat; background-position: 68px 1px; width: 85px; height: 17px; cursor: pointer; background-color: #FAFAFA; padding: 0px; }
input[type=text].calendar_essential { border: 1px solid #aaaaaa; background: url(/Ivyimages/common/calendar_essential.gif) no-repeat; background-position: 0px 0px; width: 85px; height: 17px; cursor: pointer; background-color: #f6f8f8; padding: 0px; }
label.essential { padding-left: 7px; background-color: transparent; }

/* FORM */
.form-text {position:relative;width:100%;}
.form-text input,
.form-text label.placeholder {padding:8px 20px;color:#999;}
.form-text input{color:#000;}
.form-text input {width:100%;height:40px;border:1px solid #ccc;-webkit-border-radius:0;background-color:#fff;box-sizing:border-box;-webkit-appearance:none;outline:none;font-size:16px;}
.form-text input:focus {outline:1px dotted #666;}
.form-text input[readonly='readonly'] {background:#f8f8f8;color:#333;}
.form-text label.placeholder {position:absolute;top:0;}
.form-text input[type="number"]::-webkit-outer-spin-button,
.form-text input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    margin: 0;
}

select.form-set{vertical-align:text-top;width:100%;height:40px;padding:0 0 0 10px;color:#666;font-size:14px;background:url(/site/common/images/board/form_select.png) no-repeat right 8px center;border:1px solid #dbdee1;border-radius:0;-webkit-appearance: none;-moz-appearance: none;appearance: none;padding-right:20px !important;}
input.form-int{width: 100%;height: 40px;box-sizing: border-box;padding: 0 5px;border: 1px solid #dbdee1;border-radius: 0;color: #666;font-size: 14px;line-height: 38px;-webkit-appearance: none;appearance: none;}


.form-uploader{position: relative;display:flex;align-items:stretch;}
.form-uploader .filename{color: #333;padding: 8px 15px;flex: 1;border: 1px solid #ddd;border-right: 0;background-color: #fff;text-align: left;word-break: break-word;border-top-left-radius: 3px;border-bottom-left-radius: 3px;font-size: 14px;}
.form-uploader .btn{display: inline-block;color: #212529; font-weight: normal; text-align: center;white-space: nowrap; vertical-align: middle;user-select: none;border: 1px solid transparent;padding: 8px 15px;font-size: 14px;line-height: 1.5;border-radius: 0 3px 3px 0;background:#ddd;transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.form-uploader input[type=file]{ width: 100%;margin-top: 0;position: absolute;top: 0;right: 0;bottom: 0;border: 0;cursor: pointer;z-index: 10;opacity: 0;display:block;padding:3px 0;    }

.form-checkbox{display:block;padding: 0 8px;position: relative;text-align: left;cursor: pointer;margin-right: 3%;float: left;}
.form-checkbox input{position: absolute;top: 50%;left: 0;opacity: 0;filter: alpha(opacity=0);width: 15px;height: 15px;cursor: pointer;z-index: 2;transform:translateY(-50%);}
.form-checkbox label:after{content: '';position: absolute;top: 50%;left: 0;z-index: 1;width: 15px;height: 15px;background-repeat: no-repeat;display: inline-block;transform:translateY(-50%);}
.form-checkbox label:after{background-image:url(../img/common/form-checkbox.png);}
.form-checkbox input:focus +label:after, .form-radio input:focus +label:after{outline: 1px dotted #1f4bb4;}
.form-checkbox input:checked + label:after {background-position:0 bottom;}
.form-checkbox.label_p label{line-height:30px;padding-left:10px;}

.form-radio{position:relative;}
.form-radio input {position: absolute;top: 50%;left: 0;margin-top: -7.5px;opacity: 0;filter: alpha(opacity=0);width: 15px;height: 15px;cursor: pointer;z-index: 2;}
.form-radio span{position:relative;display:block;float:left;margin-right:10px;}
.form-radio span:last-child{margin-right:0;}
.form-radio label{padding-left:20px;}
.form-radio label:after {content: '';position: absolute;top: 50%;left: 0;z-index: 1;margin-top: -7.5px;width: 15px;height: 15px;background-repeat: no-repeat;display: inline-block;}
.form-radio label:after{background-image: url(../img/common/form-radio.png);}
.form-radio input:checked + label:after {background-position:0 bottom;}


/* FORM - docter list*/
.form_set-select_text {display:block;text-align:center;}
.form_set-select_text .form-select {margin-left:8px;}
.form_set-select_text .form-select ,
.form_set-select_text .form-text {float:none;text-align:left;}
.form_set-select_text .form-select select {height:48px;font-size:16px;}
.form_set-select_text .form-select .virtual_select {height:48px;padding:12px 20px;}
.form_set-select_text .form-text {position:relative;top:0;left:0;width:580px;}
.form_set-select_text .form-text input {height:48px;padding:13px 20px;}
.form_set-select_text .form-text label.placeholder {padding:13px 20px;}
.form_set-select_text .btn-search {height:48px;}
.form_set-select_text .btn-search em {height:48px;line-height:48px;}
.form-text {margin-left:8px;}

.form_set-select_text .sch_smit { margin-left:8px; width: 67px; height: 47px; font-size:16px;margin: 0; border: 0; vertical-align: top; background: #757a85;color: white;font-weight: bold;	cursor: pointer; -webkit-transition:background-color .3s;
    -moz-transition:background-color .3s;
    -ms-transition:background-color .3s;
    transition:background-color .3s;}
.form_set-select_text .sch_smit:hover {	background: #4792b6;}


.form-select, .form-select02 {position:relative;width:100%;}
.form-select select, .form-select02 select{opacity:0;filter:alpha(opacity=0);width:100%;height:40px;}
.form-select .virtual_select, .form-select02 .virtual_select {position:absolute;left:0;right:0;top:0;display:inline-block;overflow:hidden;padding:7px 20px;width:100%;height:40px;color:#000;border:1px solid #ccc;-webkit-border-radius:0;background-color:#fff;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;-webkit-appearance:none;cursor:pointer;font-size:16px;}
.form-select .virtual_select:after, .form-select02 .virtual_select:after {content:'';position:absolute;top:50%;right:20px;display:inline-block;width:10px;height:7px;margin-top:-2px;background:url('../img/common/select_arrow.png') no-repeat;background-size:10px 14px;}
.form-select.active .virtual_select, .form-select02.active .virtual_select {/*color:#1f4bb4;*/border-color:#1f4bb4;}
.form-select.active .virtual_select:after, .form-select02.active .virtual_select:after {background-position:0 bottom;}
.form-select.readonly .virtual_select, .form-select02.readonly .virtual_select {background:#f8f8f8;color:#333;}

.btn-search {width:100px;background-color:#b1b1b9;}
.btn-search em {position:relative;top:0;left:0;padding-left:28px;}
.btn-search em:before {content:'';display:inline-block;position:absolute;top:50%;left:5px;width:16px;height:16px;margin-top:-8px;vertical-align:top;}


.btn-type02 {display:inline-block; vertical-align:middle; color:#fff; margin-left:7px;
    -webkit-transition:background-color .3s;
    -moz-transition:background-color .3s;
    -ms-transition:background-color .3s;
    transition:background-color .3s;}
.btn-type02:hover {background-color:#e85953; color:#fff;}

/*List btn*/
.btn_list {position:relative;display:inline-block;vertical-align:top; padding:0 15px; margin-left: 5px; overflow:hidden;text-align:center;width:120px;height:40px;background-color:#757a85;
    -webkit-transition:background-color .3s;
    -moz-transition:background-color .3s;
    -ms-transition:background-color .3s;
    transition:background-color .3s;}

.btn_list:hover {background-color:#e85953; color:#fff;}
.btn_list em {display:block;color:#fff;font-weight:100;font-size:16px;line-height:40px;}
.btn_list em:before {content:'';display:inline-block;margin-top:13px;margin-right:8px;width:16px;height:16px;vertical-align:top;}


.alert { color: blue; }
span.alert { padding-left: 15px; margin-left: 15px; }
p.alert, div.alert { padding: 0px 0px 0px 15px; margin: 4px 0px 0px 4px; }
li.alert { padding-left: 20px; } 

.boxred { border: 1px dashed red; padding: 5px 5px 5px 20px !important; background-position: 5px 8px !important; background-color: #ffebeb; color: #000000 !important; line-height: 150%;}
.boxgreen { border: 1px dashed green; padding: 5px 5px 5px 20px !important; background-position: 5px 8px !important; background-color: #dbfbea; color: #000000 !important; line-height: 150%;}

.Ellipsis { white-space: nowrap; overflow: hidden; }

/* resize Object 
div.ui-wrapper { border: 0px !important; width: 100% !important; padding-bottom: 7px !important; border: 1px solid #e1e1e1 !important; }
div.ui-wrapper textarea { border: 0px; padding: 5px !important; margin: 0px; background: transparent; }
div.ui-resizable-handle { clear: both; padding: 0px !important; margin: 0px !important; bottom: 0px !important; background-image: url(images/bottom_resize.gif); background-repeat: no-repeat; background-color: #f5f5f5; }
.ui-resizable-s { width: 100% !important; height: 7px !important; }
div.TextareaResize { clear: both; width: 100% !important; padding: 0px !important; margin: 0px !important; bottom: 0px !important; height: 7px !important; background-image: url(images/bottom_resize.gif); background-position: center top; background-repeat: no-repeat; background-color: #f5f5f5; }
*/


/* Keyword Insertor */
div.tagInsert { margin-left: 10px; }
div.tagInsert input[type=text] { height: 18px; vertical-align: middle;  }
div.tagInsert span.tagSpan { display: inline-block; }
div.tagInsert span.tagSpan span.item { display: inline-block; margin-right: 5px; border: 1px solid #CCCCCC; padding: 2px 7px 2px 7px; vertical-align: middle; }
div.tagInsert span.tagSpan span.item a.tagdelete { display: inline-block; vertical-align: middle; margin-left: 5px;  }
div.tagInsert span.tagSpan span.item a.tagdelete img { vertical-align: middle;}
div.tagInsert ul.alert { list-style-image: url(../img/common/alert_ico.gif) !important; padding: 0px; margin: 0px; padding-left:25px; margin-top: 10px; background-image: none; }
div.tagInsert ul.alert li { background-image: none; }
div.pushtagDiv { position: absolute; top: 0px; left: 0px; border: 1px solid #CCCCCC; width: 200px; min-height: 50px; background-color: #FFFFFF; z-index: 99994; padding: 1px; visibility: hidden; }
div.pushtagDiv p.title { font-weight: bolder; padding: 3px; margin: 0px; text-align: center; background-color: #4b79ad; color: #ffffff; }
div.pushtagDiv ul.item { list-style-type: none; margin: 5px 0px 5px 0px; padding: 0px; }
div.pushtagDiv ul.item li { padding: 3px 5px 3px 5px; }
div.pushtagDiv ul.item li.hover { background-color: #ededed; font-weight:bold; color: #000; }

/* Search */
div.pushKeyowrdsDiv { position: absolute; top: 0px; left: 0px; border: 1px solid #CCCCCC; width: 300px; min-height: 50px; background-color: #FFFFFF; z-index: 99994; padding: 1px; visibility: hidden; }
div.pushKeyowrdsDiv p.title { font-weight: bolder; padding: 2px; margin: 0px; text-align: center; background-color: #4b79ad; color: #ffffff; }
div.pushKeyowrdsDiv ul.item { list-style-type: none; margin: 5px 2px 5px 2px; padding: 0px; }
div.pushKeyowrdsDiv ul.item li { padding: 2px 2px 2px 2px; }
div.pushKeyowrdsDiv ul.item li.hover { background-color: #b6cdfc; color: #b44e1a; }

/* POPUP ALERT DIV */
div.popupalert { position: absolute; top: 0px; left: 0px; border: 2px solid #ea7c0e; min-width: 150px; padding: 5px; background-color: #f7f7f7; text-align: center; color: #f32e00; font-weight: bolder; z-index: 99999; display: none; }

/* POPUP SLIDE DIV */
#popupslider { position: absolute; right: 10px; visibility: hidden; border: 2px solid #ff6600; border-bottom: 0px; background-color: #f7f7f7; padding: 20px; color: #f32e00; font-weight: bolder; z-index: 99999; }

/* contentEdit */
table.contentEdit { width: 100%; table-layout: fixed; border-top: 1px solid #c1caf0; border-width: 2px 0 0 0;}
table.contentEdit tbody th { background-color: #f6f8fd; padding: 5px 0px 5px 5px; text-align: left; border-bottom: 1px solid #e5e5e5; }
table.contentEdit tbody td { border-bottom: 1px solid #e5e5e5; padding: 5px 0px 5px 5px; }
div.contentButtonZone { clear: both; text-align: right; }

/* contentEdit Sort Nodes */
ul#RENODEINDEX { list-style-type: none; margin: 0px; padding: 0px; }
ul.sortNodesCont { list-style-type: none; margin: 0px; padding: 0px; }
ul.sortNodesCont li { padding: 5px; margin-bottom: 4px; border: 1px solid #CCCCCC; background-color: #e5ecf4; font-weight: bolder; cursor: move; }
div.sortNodesContopbuttonZone { text-align: right; margin-bottom: 10px; }

/* print Mask */
div.print_mask { position:absolute; top:40px; left:0px; background-color:#FFFFFF; width:100%; height: 100%; z-index: 999999; }
.printTxt{color:#000000;}
div#printLayHead { padding:4px 0px 4px 0px; background-color: #FAFAFA; }
div#printLayHead div#printBtns { clear: both; float: right; }
div#printLayHead div#printBtns ul { margin:0; padding:0; }
div#printLayHead div#printBtns ul li{float:left; list-style:none; padding-right:3px; }

/* umsSharingForm */
#umsSharingForm ul { margin: 0px; padding: 0px; list-style-type: none; }
#umsSharingForm ul li { margin-bottom: 8px; }
#umsSharingForm ul li label { display: block; font-weight: bolder; }
#umsSharingForm ul li ul { clear: both; }
#umsSharingForm ul li ul li textarea { width: 98%; height: 50px; }
#umsSharingForm ul li.button { text-align: center; padding-top:3px; }
#umsSharingForm ul li.fax { text-align: center; color: #666666; }

/* Scrap */
table.scrap { width: 100%; table-layout: fixed; border-collapse:collapse; border:none; border-width: 0; margin-top:15px;}
table.scrap thead th { height: 25px; background-color: #EAEAEA; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
table.scrap tbody td { border-bottom:1px solid #ddd; padding:5px 0  }
table.scrap tbody td.center {  text-align: center; }



/* 게시물 이동 Div */
div.contwrap { position: relative !important; overflow:hidden;}
div.contwrap .location {display:none;}
div.contwrap .contTit {font-size:22px;}
div#articleMoverDiv { position: fixed; bottom: 110px; right: 0px; }
div#articleMoverDiv div.articleMover { position: absolute; z-index:9; right: 0px; bottom: 10px; border: 1px solid #e0e0e0; height: 115px; width: 120px; background-color: #ffffff; }
div#articleMoverDiv div.articleMover a { position: absolute; border: 1px solid #d6d6d6; background-color: #f6f6f6; padding: 4px 8px 4px 8px; font-weight: bold; font-size: 1.5em; color: #818ba6; }
div#articleMoverDiv div.articleMover a.prev { top: 45px; left: 5px; }
div#articleMoverDiv div.articleMover a.next { top: 45px; right: 5px; }
div#articleMoverDiv div.articleMover a:hover { background-color:#5b9ffc; color: #ffffff; border-color: #4992f6; }
div#articleMoverDiv div.articleMover a.no_active:hover { background-color:#f6f6f6; color: #818ba6; border-color: #d6d6d6; cursor: default; }
div#articleMoverDiv div.articleMover a.top { top: 7px; left: 50%; }
div#articleMoverDiv div.articleMover a.bottom { top: 45px; left: 50%; }
div#articleMoverDiv div.articleMover a.topgo { bottom: 7px; left: 5px; font-size: 1.0em; width: 92px; text-align: center; z-index: 7;  }
div#articleMoverDiv div.articleMover a.close { padding: 1px; font-size: 0.87em; top: 2px; right: 4px; z-index: 8; }









div#moduleBody{font-size:16px;max-width:1300px; margin:30px auto;position:relative; padding-bottom:30px;overflow:hidden;}

/*board_mode - category*/
div#moduleBody div.board_mode{ display:block;position:relative;width:100%; margin:15px 0 5px 0;}
div#moduleBody div.board_mode p.total-list-con{position:absolute;left: 23px;bottom: 20px;line-height:28px;color:#333;font-size:14px;letter-spacing:-0.25px;}
div#moduleBody div.board_mode p.total-list-con b{color:#1871bd;}

div#moduleBody div.board_mode div.board_category { clear:both;width:100%;margin:40px 0;text-align:center;}
div#moduleBody div.board_mode div.board_category ul { list-style-type:none; margin:0px; padding:0px;display:inline-block;}
div#moduleBody div.board_mode div.board_category ul li{display:block;float:left;position:relative;font-size:19px;}
div#moduleBody div.board_mode div.board_category ul li a{color:#333;padding-bottom:2px;margin-right:25px;min-width:60px;display:block;line-height:28px;box-sizing:border-box;}
div#moduleBody div.board_mode div.board_category ul li a:hover{color:#1871bd;font-weight:500;}
div#moduleBody div.board_mode div.board_category ul li:last-child{margin-right:0;}
div#moduleBody div.board_mode div.board_category ul li.select a{font-weight:500;color:#1871bd;border-bottom:2px solid #1871bd;}

/*board_mode - search*/
div#moduleBody .board_search{background: #f7f7f7;padding: 17px 25px;margin-bottom: 23px;}
div#moduleBody .board_search .search_form{width:100%; overflow:hidden;}
div#moduleBody .board_search fieldset.searchBox {position: relative;float: right;overflow: hidden;box-sizing: border-box;text-align: right;font-size: 0;margin: 0;}
div#moduleBody .board_search select.form-set{width:100px;margin-left:3px;vertical-align: top;;background-color:#fff;cursor: pointer;}
div#moduleBody .board_search .search {position: relative;display: inline-block;width: 250px;box-sizing: border-box;height: 40px;margin-left: 3px;padding-right: 39px;background: #fff;vertical-align: top;font-size: 0;}
div#moduleBody .board_search .search button.btn_search {margin: 0;padding: 0;border: none;cursor: pointer;display: inline-block;position: absolute;right: 0;top: 0;overflow: hidden;width: 40px;height: 40px;background: #353541 url(/site/common/images/board/form-searchbtn.png)no-repeat center;text-indent: -100px;}

/*button*/
div#moduleBody div.board_btn {position:relative;width:100%;margin:25px 0;overflow: hidden;}
div#moduleBody div.board_btn .button {-webkit-box-shadow: 0 1px 2px rgba(0 0 0 / 20%);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);box-shadow: 0 1px 2px rgba(0 0 0 / 20%);}
div#moduleBody div.board_btn a {box-sizing: border-box;height: 42px;border: 0;border-radius: 0;display: inline-block;line-height:26px !important;min-width:115px;position:relative;}
div#moduleBody div.board_btn a.btn-fit{background:#fff;border:1px solid #333;margin-right:20px;display:block;float:left;font-size:15px;} /*목록*/
/*div#moduleBody div.board_btn a.btn-fit:after {content: '';position: absolute;right: -13px;top: 50%;transform: translateY(-50%);background: #cbcbcb;width: 1px;height: 20px;}*/
div#moduleBody div.board_btn a.btn-fit:hover {color: #000;}

div#moduleBody div.board_btn .btn01 {background: #444;color:#fff;}/*글쓰기*/
div#moduleBody div.board_btn .btn02 {background: #e78725;color:#fff;}/*글수정*/

div#moduleBody div.board_btn a.admin{display:none;}

/*button-admin*/
div#moduleBody div.board_btn.admin_btn a.admin{display:inline-block;}



/*download*/
div#moduleBody .btn.down {/* overflow:hidden; */display:inline-block;text-align:center;line-height:42px;font-weight:700;color:#000;padding:0px 15px 0px 50px;font-size:15px;box-sizing:border-box;}
div#moduleBody .btn.down.bg_01:link,
div#moduleBody .btn.down.bg_01:visited,
div#moduleBody .btn.down.bg_01:active {border:1px solid #bbb;background:url(/Ivyimages/common/icon_down.gif) no-repeat left -42px;}
div#moduleBody .btn.down.bg_01:hover {text-decoration:underline; border:1px solid #bbb; background:url(/Ivyimages/common/icon_down.gif) no-repeat left 0px;}
div#moduleBody .btn {   
    transition : all 0.5s ease;
    -webkit-transition : all 0.5s ease;
    -moz-transition : all 0.5s ease;
    -ms-transition : all 0.5s ease;
    -khtml-transition : all 0.5s ease;
    -o-transition : all 0.5s ease;
}


/*list table*/
div#moduleBody div.board_form {overflow:hidden;position:relative;border-top: 2px solid #000;height: auto;}
div#moduleBody div.board_form table {position: relative;width: 100%;}

div#moduleBody table.BBS_list {width: 100%;border-spacing: 0; table-layout: fixed; margin-bottom:0px; border-collapse:collapse; padding:0px; }
div#moduleBody table.BBS_list thead th {height: 55px;border-bottom: 1px solid #bbb;background: #fff;color: #222;font-size: 16px;font-weight: 500;letter-spacing: -1px;}
div#moduleBody table.BBS_list thead th.first { border-left:0; background-image:none;}
div#moduleBody table.BBS_list thead th.end { border-right:0;}

div#moduleBody table.BBS_list tbody td { overflow: hidden;text-overflow: ellipsis;height: 53px;border-bottom: 1px solid #dbdee1;background: #fff;color: #222;font-size: 15px;white-space: nowrap;text-align: center;font-weight: 400;color: #666;box-sizing:border-box;}
div#moduleBody table.BBS_list tbody td a {display: inline-block;overflow: hidden;text-overflow: ellipsis;max-width: 100%;color: #222;font-size: 16px;line-height: 20px;vertical-align: middle;white-space: nowrap;letter-spacing: -1px;}
div#moduleBody table.BBS_list tbody td span.not {background: #eb4a4a;color: #fff;border-radius: 5px;padding: 0px 5px;}
div#moduleBody table.BBS_list tbody td.taL { text-align:left;}
div#moduleBody table.BBS_list tbody td.subject { padding:0 25px; }
div#moduleBody table.BBS_list tbody td.category{font-size:14px;}
div#moduleBody table.BBS_list tbody td img {vertical-align: middle;margin-left: 5px;}
div#moduleBody table.BBS_list tbody td abbr { /*cursor: help;*/ cursor:auto;}
div#moduleBody table.BBS_list tbody td em { font-style:normal; }

div#moduleBody table.BBS_list tbody .ico img { vertical-align:middle; margin-left:6px;}
div#moduleBody table.BBS_list tbody .ico img.ico_comment { margin-right: 3px;}
div#moduleBody table.BBS_list tbody tr.toptr td { background-color:#ECF8FF;  }
div#moduleBody table.BBS_list tbody tr.hiddentr td { background-color:#FFF3F3; text-decoration:line-through; }

div#moduleBody table.BBS_list tbody td a:hover {text-decoration: underline;color: #224dc5;}



/*list photo*/
div#moduleBody div.photo_box .gallery_list{margin-top:15px;}
div#moduleBody div.photo_box ul.cont li.item-con {width: 23.6%;margin: 0px 0.7% 30px;float: left;}
div#moduleBody div.photo_box ul.cont li.item-con a {position: relative;display: block;background: #fff;-webkit-box-shadow: 5px 5px 18px -2.5px rgb(0 0 0 / 9%);box-shadow: 5px 5px 18px -2.5px rgb(0 0 0 / 9%);-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: background-color 0.3s;transition: background-color 0.3s;padding: 30px;}

div#moduleBody div.photo_box ul.cont li.item-con a:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 1px solid #c4c4c4;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 0.2s;transition: all 0.2s;}
div#moduleBody div.photo_box ul.cont li.item-con a:hover:before {border-color: #000;}

div#moduleBody div.photo_box ul.cont li.item-con a .con-top {position: relative;}
div#moduleBody div.photo_box ul.cont li.item-con a .con-top .date span {display: block;font-size: 14px;font-weight: 400;color: #666;transition: all 0.3s;-webkit-transition: all 0.3s;text-align:right;}

div#moduleBody div.photo_box ul.cont li.item-con a .con-bot {margin-top: 10px;}
div#moduleBody div.photo_box ul.cont li.item-con a .con-bot .img {margin-bottom: 15px;position: relative;width: 100%;height: 0;padding-top: 78.08%;overflow:hidden;}
div#moduleBody div.photo_box ul.cont li.item-con a .con-bot .img>span {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #d5d5d5;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;background-size:cover;background-repeat:no-repeat;}
div#moduleBody div.photo_box ul.cont li.item-con a .con-bot .line-clamp2 {overflow: hidden;display: block;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
div#moduleBody div.photo_box ul.cont li.item-con a .con-bot .tit {font-size: 18px;line-height: 1.4;height:52px;/* height: 3.2em; */font-weight: 400;letter-spacing: -1px;color: #010101;-webkit-transition: all 0.3s;transition: all 0.3s;text-overflow: ellipsis;white-space: normal;}

div#moduleBody div.photo_box ul.cont li.item-con a:hover .con-bot .img>span{-webkit-transform: scale(1.1) rotate(0.02deg);
    -moz-transform: scale(1.1) rotate(0.02deg);
    -ms-transform: scale(1.1) rotate(0.02deg);
    -o-transform: scale(1.1) rotate(0.02deg);
    transform: scale(1.1) rotate(0.02deg);}

div#moduleBody div.photo_box ul.cont li.item-con a .con-bot span.cate {color:#1871c3;;font-weight: 500;margin-bottom:5px;/*padding: 3px 5px;border-radius:2px*/font-size: 15px;display:inline-block;;}
div#moduleBody div.photo_box ul.cont li.item-con a .con-bot span.cate.col01{background-color:#9c190a;}
div#moduleBody div.photo_box ul.cont li.item-con a .con-bot span.cate.col02{background-color: #1871c3;}
div#moduleBody div.photo_box ul.cont li.item-con a .con-bot span.cate.col03{background-color:#df6f17;}
div#moduleBody div.photo_box ul.cont li.item-con a .con-bot span.cate.col04{background-color:#008850}
div#moduleBody div.photo_box ul.cont li.item-con a .con-bot span.cate.col05{background-color:#a131a1}
div#moduleBody div.photo_box ul.cont li.item-con a .con-bot span.cate.col06{background-color: #3e3e3e;}
/*


/*list webzine*/
div#moduleBody .webzine_list ul li.item-con{border-bottom:1px solid #c4c4c4;position:relative;}
div#moduleBody .webzine_list ul li.item-con a{display: block;color:#333;padding:15px;overflow:hidden;white-space:normal;}
div#moduleBody .webzine_list ul li.item-con a .img{position:relative;width:270px;height:178px;float:left;margin-right:25px;overflow:hidden;}
div#moduleBody .webzine_list ul li.item-con a .img>span{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-position:center center;background: #d5d5d5;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;background-size:cover;background-repeat:no-repeat;background-position: center center;}
div#moduleBody .webzine_list ul li.item-con a:hover .img>span{    -webkit-transform: scale(1.1) rotate(0.02deg);
    -moz-transform: scale(1.1) rotate(0.02deg);
    -ms-transform: scale(1.1) rotate(0.02deg);
    -o-transform: scale(1.1) rotate(0.02deg);
    transform: scale(1.1) rotate(0.02deg);}



div#moduleBody div.webzine_box div.webzine_cont{padding:1% 0;position: relative;width:calc(100% - 295px);display:inline-block;}
div#moduleBody div.webzine_box div.webzine_cont .cate{color:#1871c3;font-weight:500;margin-bottom:10px;font-size:15px;display:inline-block;}
div#moduleBody div.webzine_box div.webzine_cont .tit{font-size:20px;line-height: 1.4;font-weight:400;letter-spacing:-1px;color:#010101;margin-bottom:10px;box-sizing: border-box;}
div#moduleBody div.webzine_box div.webzine_cont p{line-height:160%;font-weight:400;}
div#moduleBody div.webzine_box div.webzine_cont p.date{margin-top:15px;font-size:14px;color:#7c7c7c;}

div#moduleBody div.webzine_box div.webzine_cont .line-clamp1{overflow: hidden;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
div#moduleBody div.webzine_box div.webzine_cont .line-clamp2{overflow: hidden; white-space: normal;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

div#moduleBody .webzine_list ul li.item-con a:hover .tit{text-decoration: underline;}




div#moduleBody div.webzine_box div.webzine_img { float:left; font-size: 0px; width: 210px; height: 140px; background-repeat: no-repeat; background-position: center center; border: 1px solid #cccccc; background-color: #ffffff; }
div#moduleBody div.webzine_box div.webzine_img130{background-size:210px auto !important;}
div#moduleBody div.webzine_box div.webzine_img p.digitomiEbookView { position: relative; top: 65px; text-align: center; background-color: #FFFFFF; padding: 1px 0px 0px 0px; }

div#moduleBody div.webzine_box div.webzine_cont ul {margin:0px; padding:0px; list-style-type:none; }
div#moduleBody div.webzine_box div.webzine_cont .webzine_title {padding:0px 0px 20px 0px; margin:0px; font-size:14px; overflow:hidden; white-space:nowrap; }
div#moduleBody div.webzine_box div.webzine_cont .webzine_title a.tit{font-size:20px;}
div#moduleBody div.webzine_box div.webzine_cont .webzine_title img{margin:9px 3px 0 6px;/*margin:9px 0 0 6px;*/}
div#moduleBody div.webzine_box div.webzine_cont .webzine_title img.icon_new{margin-top:8px;}
div#moduleBody div.webzine_box div.webzine_cont .webzine_data {color:#9a9a9a; font-size:12px; position:absolute; bottom:0;}
div#moduleBody div.webzine_box div.webzine_cont .webzine_txt {padding-top:0; line-height:24px; height:50px; word-wrap:break-all; text-overflow:ellipsis; /*white-space:nowrap;*/ overflow:hidden;}

/*pageing*/
div#moduleBody div.paging {display:flex;justify-content:center;width:100%;text-align:center;margin:30px 0 0;flex-wrap:wrap;}
div#moduleBody div.paging a {position: relative;display: block;width: 30px;height: 30px;line-height: 30px;margin: 0 2px;border: 1px solid #ddd;text-align: center;font-size: 13px;color: #868686;letter-spacing: -0.25px;background: #fff;}
div#moduleBody div.paging img {vertical-align:middle; }
div#moduleBody div.paging .active a,
div#moduleBody div.paging a:hover {border-color:#333;background-color:#333;color:#fff;}
div#moduleBody div.paging li.first a, 
div#moduleBody div.paging li.prev a, 
div#moduleBody div.paging li.next a, 
div#moduleBody div.paging li.last a {font-size:20px;line-height:27px;}

div#moduleBody div.paging ul {display: flex;justify-content: center;flex-wrap: wrap;}
div#moduleBody div.paging li.first a:after {display:block;content: "«";}
div#moduleBody div.paging li.prev a:after {display:block;content: "‹";}
div#moduleBody div.paging li.next a:after {display:block;content: "›";}
div#moduleBody div.paging li.last a:after {display:block;content: "»";}






/*view */ 
div#moduleBody div.view_type1 { width:100%;margin:0; border-collapse:collapse;padding-bottom:10px;border-bottom:1px solid #dbdee1;}
div#moduleBody div.view_type1 .top_info{padding:15px 0;border-bottom:1px solid #dbdee1;position:relative;}
div#moduleBody div.view_type1 .top_info .cate{display:block;margin-bottom:10px;color:#1871bd;font-size:16px;font-weight:500;line-height:18px;}
div#moduleBody div.view_type1 .top_info p.tit { margin:0; font-size:32px;font-weight:400;line-height:34px;letter-spacing:-1px;text-align:left;}
div#moduleBody div.view_type1 .top_info .user_info{margin:10px 0 0;}
div#moduleBody div.view_type1 .top_info .user_info span{display:inline-block;margin:5px 10px 0 0;padding:0 10px 0 0;color:#666;font-size:15px;line-height:17px;position:relative;}
div#moduleBody div.view_type1 .top_info .user_info span:after{content:'';width:1px;height:12px;background:#cbcbcb;position:absolute;right:0;top:50%;transform:translateY(-50%);}
div#moduleBody div.view_type1 .top_info .user_info span.view:after{display:none;}

div#moduleBody div.view_type1 div.cont { clear:both; padding:0px 20px; line-height:200%; border-bottom:0px; width:100%; box-sizing:border-box; }
div#moduleBody div.view_type1 div.taL { text-align:left; }
div#moduleBody div.view_type1 img{ vertical-align:middle; }

div#moduleBody div.view_type1 .files{overflow:hidden;margin:35px 0 0;}
div#moduleBody div.view_type1 .files p {padding: 15px 30px 15px 50px;background: #f0f2f7 url(/site/common/images/board/icon_file.png) no-repeat left 20px center;}
div#moduleBody div.view_type1 .files p a {display: inline;overflow: hidden;text-overflow: ellipsis;max-width: calc(100% - 25px);color: #555;font-size: 15px;line-height: 20px;vertical-align: middle;}
div#moduleBody div.view_type1 a:hover{text-decoration:underline;}
div#moduleBody div.view_type1 .files p+p {margin: 2px 0 0;}

div#moduleBody div.image-view {padding:60px 0px;}
div#moduleBody div.image-view .fileLinkWrap {text-align: center;}
div#moduleBody div.view_type1 .cont {/*width:1000px !important;*/margin:0 auto;word-break: keep-all;font-size: 17px;}

.prevNnext {overflow: hidden;margin-top: 35px;border-top: 1px solid #dbdee1;width: 100%;}
.prevNnext li {overflow: hidden;padding: 20px;border-bottom: 1px solid #dbdee1;}
.prevNnext li>strong {display: block;float: left;overflow: hidden;width: 73px;color: #000;font-size: 15px;font-weight: 500; line-height: 19px;white-space: nowrap;position:relative;}
.prevNnext li>strong:before{content:'>';transform:rotate(-90deg);display:inline-block;margin-right:8px;color:#5f686a;font-weight: 500;font-size: 21px;font-family: 'Play';vertical-align: middle;}
.prevNnext li.next>strong:before{transform:rotate(90deg);}

.prevNnext li>p {display: block;float: left;overflow: hidden;width: calc(100% - 100px) !important;padding: 0;background: none;font-size: 15px;line-height: 19px;}
.prevNnext li>.article>a {display: block;float: left;overflow: hidden;text-overflow: ellipsis;width: 100%;color: #000;font-size: 15px;line-height: 19px;text-align: left;white-space: nowrap;}
div#moduleBody .prevNnext li>.article>a:hover{text-decoration:underline;}
.prevNnext li>.article .mark_cate{display: block;float: left;margin-right: 5px;color: #1871bd;font-size: 15px;line-height: 19px;}



/*write */
div#moduleBody .board_guide {border: 1px solid #ccc;border-bottom:3px solid #ccc;padding: 20px;margin-bottom: 15px;background: #fff;word-break: keep-all;}
div#moduleBody .board_guide .txt {word-break: keep-all;}
div#moduleBody .board_guide .txt p span.txt02 {color: #1871bd;}


div#moduleBody .BBS_write { border-bottom:1px solid #dbdee1;border-collapse:collapse; padding:0px; border-top:1px solid #252525; table-layout: fixed;}
div#moduleBody .BBS_write li.bbs-li{width:100%;display:flex;flex-direction: row;justify-content:flex-start;align-items:center;height:100%;border-bottom:1px solid #dbdee1;}
div#moduleBody .BBS_write li.bbs-li .bbs-inputbox{float:left;padding:8px 15px;width:100%;}
div#moduleBody .BBS_write li.bbs-li.wid50{width:50%;float:left;}


div#moduleBody .BBS_write p.label{min-width:145px;height:45px;line-height:45px;text-indent:15px;color: #222;font-size: 15px;font-weight: 500;border-right: 1px solid #dbdee1;letter-spacing: -1px;background: #f9f9f9;border-left: 1px solid #dbdee1;}
div#moduleBody .BBS_write .edit_content{width:100%;padding:10px 0;}
div#moduleBody .BBS_write .edit_content.editor textarea{background:url(../img/editor.png) no-repeat top center;    background-size: contain;}
div#moduleBody .BBS_write .wid100 {width: 100%;}
div#moduleBody .BBS_write .area { padding: 0px; margin: 0px 0px 4px 0px;}
div#moduleBody .BBS_write .cont { padding:25px 0; line-height:180%; border-bottom:1px dashed #ddd;}
div#moduleBody .BBS_write .taL { text-align:left; }
div#moduleBody .BBS_write img{ vertical-align:middle; }

div#moduleBody .BBS_write .attach_li{padding:10px 0;}
div#moduleBody .BBS_write .attach_li .fileuploader .file-upload {display: flex;flex-direction: row;align-items: center;justify-content: flex-end;}
div#moduleBody .BBS_write .attach_li .fileuploader .file-upload p.file-sum {margin-right: 15px;text-align: right;}
div#moduleBody .BBS_write .attach_li .fileuploader .file-upload p.file-sum span {color: #e78725;}
div#moduleBody .BBS_write .attach_li .fileuploader .file-upload .form-uploader .btn {width: 120px;border-radius: 3px;background: #33486e;color: #fff;cursor: pointer;}
div#moduleBody .BBS_write .attach_li .fileuploader .file-upload .form-uploader input[type=file] {padding: 0;}

div#moduleBody .BBS_write .attach_li .fileuploader .img_look {margin: 5px 0 0;position: relative;padding: 10px 15px;background: aliceblue;border: 1px dashed #c9c9c9;border-radius: 5px;}
div#moduleBody .BBS_write .attach_li .fileuploader .img_look ul {width: 100%;height: 100%;display: flex;flex-direction: row;}
div#moduleBody .BBS_write .attach_li .fileuploader .img_look ul li .img {margin: 5px auto;position: relative;width: 150px;height: 150px;border: 1px solid #ddd;}
div#moduleBody .BBS_write .attach_li .fileuploader .img_look ul li .img span.close {position: absolute;top: 0;right: 0;width: 20px;height: 15px;background: rgb(49 49 50 / 70%);color: #fff;text-align: center;font-size: 12px;line-height: 15px;border-radius: 0 0 0 3px;}
div#moduleBody .BBS_write .attach_li .fileuploader .img_look ul li .img>img {width: 100%;height: auto;vertical-align: middle;}
div#moduleBody .BBS_write .attach_li .fileuploader .img_look ul li .img p.tit {color:#333;position: absolute;background: rgba(255 255 255 / 80%);width: 100%;left: 0;bottom: 0;height: 26px;text-overflow: ellipsis;white-space: nowrap;overflow-x: hidden;line-height: 26px;text-indent: 5px;}

div#moduleBody .BBS_write li.bbs-li.bbs-uplod:last-child p.label,div#moduleBody .BBS_write li.bbs-li.bbs-uplod:last-child .bbs-inputbox {border-bottom: 0;}
div#moduleBody .BBS_write .bbs-uplod p.label {height: 44px;line-height: 44px;background: transparent;border-left: none;border-right: none;border-bottom: 0;font-weight: 400;text-indent: 25px;}

div#moduleBody .BBS_write li.bbs-li.bbs-uplod .bbs-inputbox {height: auto;border-bottom: 0;padding:3px 15px;}
div#moduleBody .BBS_write li.bbs-li.bbs-uplod .bbs-inputbox input {padding: 9px 5px;}
div#moduleBody .BBS_write li.bbs-li.bbs-uplod .bbs-inputbox .form-uploader span.btn {background: #33486e;color: #fff;}



div#moduleBody .BBS_write  div.fileAlert{padding:10px; border-radius: 5px; border: 1px solid #eb3b35; color: #eb3b35 !important; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15); background: none !important; }
div#moduleBody .BBS_write  div.fileAlert ul { margin: 0px; padding: 0px 0px 0px 15px; }
div#moduleBody .BBS_write  div.fileAlert ul li { margin: 0px 0px 5px 0px; font-size:14px; line-height:155%; background:none; list-style:none;white-space:break-spaces;}
div#moduleBody .BBS_write  div.fileAlert ul li:last-child{padding-bottom:0;}

div#moduleBody .BBS_write td div.mobileAttach ol { list-style-type: none; margin: 8px 0px 4px 0px; padding: 0px;}
div#moduleBody .BBS_write td div.mobileAttach ol li.item { display: block; width: 97%; padding: 0px 1% 0px 1%; border: 1px dashed #dadada; margin: 3px 0px 8px 0px; }
div#moduleBody .BBS_write td div.mobileAttach ol li label { font-weight: bold; }
div#moduleBody .BBS_write td div.mobileAttach ol li ul { display: inline; }
div#moduleBody .BBS_write td div.mobileAttach ol li ul li { display: inline-block; }
div#moduleBody .BBS_write td div.mobileAttach ol li ul li.file { width: 38%; }
div#moduleBody .BBS_write td div.mobileAttach ol li ul li.comment { width: 46%; }
div#moduleBody .BBS_write td.reference_link div { padding: 10px 0 2px 28px; }
div#moduleBody .BBS_write td.reference_link div span.b2{padding-left:285px;}
div#moduleBody .BBS_write td div.flash_upload_div div.fu_btn{height:auto; overflow:hidden; margin-bottom:6px;}
div#moduleBody .BBS_write td div.flash_upload_div div.fu_btn div.fcomment{/*color:#999999;*/ font-size:14px;}
div#moduleBody .BBS_write td div.flash_upload_div div.fud div.fu_bar{height:auto; overflow:hidden;}
div#moduleBody .BBS_write td div.flash_upload_div div.fud div{padding:4px 0;}
div#moduleBody .BBS_write td div.flash_upload_div div.fud div.fu_split{padding-top:20px;}
div#moduleBody .BBS_write td div.flash_upload_div div.fappendDiv div.f_total{margin-top:10px; font-weight:600;}


/* 검색 */
div#moduleBody div.board_btn div.bbs_search select{height:36px; width:120px;}
div#moduleBody div.board_btn div.bbs_search .search_keyword{height:34px; width:200px;}


/*contact*/
legend,caption{display:none;}
.board_guide fieldset h4 {font-size: 20px;font-weight: 400;margin-top: 0;}
.board_guide fieldset h4 span.col_red {color: #f12020;margin-right: 5px;}
.board_guide fieldset .terms {border: 1px solid #ccc;margin: 10px 0 15px;overflow-y: scroll;height: 230px;background: rgb(245 245 245 / 50%);padding: 15px 20px;font-size: 15px;color: #000;letter-spacing: -0.3px;}
.board_guide fieldset .terms .inner p {line-height: 140%;}
.board_guide fieldset .terms .inner strong {margin: 15px 0 5px;display: block;font-weight: 500;font-size: 16px;}
.board_guide .agree{overflow:hidden;position:relative;}
.board_guide .agree span.chk_wrap{margin-right:0;}
.board_guide .agree span.chk_wrap label{padding-left:13px;cursor:pointer;}

div#moduleBody div.board_form.contact_wrap input[type=text],div#moduleBody div.board_form.contact_wrap select,div#moduleBody div.board_form.contact_wrap textarea {border: 1px solid #ccc;padding: 2px 5px;font-size:16px;box-sizing: border-box;border-radius: 3px;min-height: 29px;height: auto;}
div#moduleBody div.board_form.contact_wrap input.wid20{width:20%;}
div#moduleBody div.board_form.contact_wrap input.wid30{width:30%;}
div#moduleBody div.board_form.contact_wrap input.wid40{width:40%;}
div#moduleBody div.board_form.contact_wrap input.wid50{width:50%;}
div#moduleBody div.board_form.contact_wrap input.wid60{width:60%;}

div#moduleBody div.board_form span.input-span{display:inline-block;margin:0 5px;}
div#moduleBody div.board_form .bbs-uplod{padding:5px 0;}
div#moduleBody div.board_form .bbs-uplod:last-child{border-bottom:0;}

div#moduleBody .btn-type1{text-align:center;}
div#moduleBody div.board_btn.btn-type1 a.button{display:inline-block;width:180px;border:1px solid #444;height:46px;}
div#moduleBody div.board_btn.btn-type1 a.button:before {content: '';position: absolute;top: 0;left: 0;width: 0;height: 100%;background-color: #444;z-index: 0;-webkit-transition: width 0.35s ease;transition: width 0.35s ease;}
div#moduleBody div.board_btn.btn-type1 a.button span {display: inline-block;font-size: 16px;color: #444;vertical-align: middle;position: relative;z-index: 1;overflow: hidden;}

div#moduleBody div.board_btn.btn-type1 a.button:hover:before {width: 100%;}
div#moduleBody div.board_btn.btn-type1 a.button:hover span {color: #fff;}

@media screen and (max-width:1340px){
	div#moduleBody {margin:20px;max-width:100%;}
}
@media screen and (max-width:1199px){
	/*bbs guide*/
	div#moduleBody div.board_mode { display:block; }
	div#moduleBody div.board_category { padding:10px 0px 20px 0px; }
	div#moduleBody div.bbs_mode { display:block; width:auto; }
	
	
	div#moduleBody div.contcaption { display:none; }
	div#moduleBody div.board_btn {margin:15px 0; }
	div#moduleBody div.board_btn div.bot_btn { float:none; text-align:center; height:auto; }
	div#moduleBody div.board_btn div.bot_btn a.gray { float:none; }
	
	/*bbs list photo*/
	div#moduleBody div.photo_box ul { list-style-type:none; padding:10px 15px; margin:0; width: 100%; /*margin: 0 5%;*/ height:83px; box-sizing:border-box; position:relative; background-color: #fff;}
	div#moduleBody div.photo_box ul.cont li.item-con{width:31.93%;margin:0 0.7% 3%;}
	div#moduleBody div.photo_box ul.cont li.item-con a{padding:7%;}
	div#moduleBody div.photo_box div.gallerybox {border-radius:0 !important; width:100%;  overflow:hidden; height:230px; }
	div#moduleBody div.photo_box ul.cont { padding:10px 10px 0px 10px; }
	div#moduleBody div.photo_box ul.cont li.phto_txt { margin-bottom:5px; }
		
	/*bbs write */
	div#moduleBody .BBS_write li.bbs-li.wid50{width:100%;}
	div#moduleBody .BBS_write li.bbs-li{position:relative;}
	div#moduleBody .BBS_write li.bbs-li p.label{position:absolute;left:0;top:0;display:table;height:100%;min-height:100%;line-height: 1.2;}
	div#moduleBody .BBS_write li.bbs-li p.label>span{display:table-cell;vertical-align:middle;}
	div#moduleBody .BBS_write li.bbs-li .bbs-inputbox{width:calc(100% - 147px);margin-left:147px;}



	div#moduleBody .BBS_write td div.mobileAttach ol li label { display:block; margin:5px 0px; }
	div#moduleBody .BBS_write td ol.aimgs { padding:5px 0px 5px 0px; }
	div#moduleBody .BBS_write td ol.aimgs li.refer_page input.tit { width:20%; }
	div#moduleBody .BBS_write td ol.aimgs li.refer_page input.link { width:68%; }

}

@media screen and (max-width:720px){
	
	/*bbs list table*/
	div#moduleBody div.board_mode div.board_category{margin:0;}
	div#moduleBody div.board_mode div.board_category ul li{font-size:16px;}
	div#moduleBody div.board_mode div.board_category ul li a{min-width:auto;}
	div#moduleBody .board_search{width:100%;text-align:center;background: none;padding: 0;margin: 0;}
	div#moduleBody .board_search .search_form{display:inline-block;width:auto;}
	div#moduleBody div.board_mode p.total-list-con{position: relative;left: 0;bottom: 0;}

	div#moduleBody table.BBS_list { width:100%; }
	div#moduleBody table.BBS_list thead th{height:40px;}
	div#moduleBody table.BBS_list thead th.subject, div#moduleBody table.BBS_list tbody td.subject { width:80%; padding:0px 25px 0px 5px; }
	div#moduleBody table.BBS_list thead th.data, div#moduleBody table.BBS_list tbody td.data { width:20%; }
	div#moduleBody table.BBS_list colgroup,
	div#moduleBody table.BBS_list th.hide, div#moduleBody table.BBS_list td.hide, div#moduleBody table.view_type1 .hide { display:none; }
	
	div#moduleBody table.BBS_list.recruit-table thead th.subject, div#moduleBody table.BBS_list tbody td.subject {width:auto;}
	div#moduleBody div.pageing{margin:15px 0 0;}

	/*bbs list photo*/
	div#moduleBody div.photo_box ul.cont li.item-con{width: calc(50% - 20px);margin: 0px 10px 25px;}

	div#moduleBody div.photo_box div.gallerybox {border-radius:0 !important; width:100%;  overflow:hidden; height:180px; padding:20px 0px; }
	
	#moduleBody div.view_type1 div.cont img { width:100%; height:auto; }
	#moduleBody div.view_type1 div.etc { display:none; }
	
	
	/*bbs list webjin*/
	div#moduleBody .webzine_list ul li.item-con a .img{width:100%;margin-right:0;}
	div#moduleBody .webzine_list ul li.item-con a .img>img{width:100%;height:150px;}
	div#moduleBody div.webzine_box div.webzine_cont { width:100%; }
	div#moduleBody div.webzine_box div.webzine_cont .cate{margin-bottom:0px;margin-top:5px;}
	div#moduleBody div.webzine_box div.webzine_cont .tit{margin-bottom:5px;}
	div#moduleBody div.webzine_box div.webzine_cont p.date{margin-top:5px;}

	/*bbs view*/
	div#moduleBody div.view_type1 .top_info p.tit {font-size: 24px;}
	div#moduleBody div.view_type1 .top_info .cate {margin-bottom: 5px;}
	div#moduleBody div.view_type1 .top_info {padding: 10px 0;}
	div#moduleBody div.view_type1 .top_info .user_info {margin: 5px 0 0;}
	div#moduleBody .BBS_write .attach_li .fileuploader .file-upload p.file-sum  em{display:block;}
	.prevNnext li {padding: 20px 10px;}
	div#moduleBody .BBS_write .attach_li .fileuploader .form-uploader{justify-content: flex-end;margin:3px 0;}
	div#moduleBody .BBS_write .attach_li .fileuploader .file-upload{display:block;}


}

@media screen and (max-width:580px){
	div#moduleBody div.board_btn{text-align:center;}
	div#moduleBody div.board_btn a{min-width:auto;height:40px;line-height:40px;}
	div#moduleBody div.board_btn a.btn-fit{display:inline-block;float:initial;}
	/*bbs list table*/
	div#moduleBody .board_search .search_form{width:100%;}
	div#moduleBody .board_search select{display:none;}

	/*bbs list photo*/
	div#moduleBody div.photo_box div.gallerybox {border-radius:0 !important; width:100%;  overflow:hidden; height:150px; }
	div#moduleBody div.photo_box ul.cont li.item-con{width:calc(100% - 20px);margin:10px;}

	/*bbs write*/
	div#moduleBody .BBS_write li.bbs-li .bbs-inputbox .form-radio span{margin-bottom:5px;}
	div#moduleBody .BBS_write .attach_li .fileuploader .file-upload p.file-sum{text-align:left;}

	/*bbs contact*/
	.board_guide fieldset h4{font-size:18px;}
	div#moduleBody div.board_form.contact_wrap input[type=text], div#moduleBody div.board_form.contact_wrap select, div#moduleBody div.board_form.contact_wrap textarea{font-size:15px;}
	div#moduleBody .contact_wrap .BBS_write li.bbs-li p.label{min-width:100px;}
	div#moduleBody .contact_wrap .BBS_write li.bbs-li .bbs-inputbox{width:calc(100% - 100px);margin-left:100px;}
	div#moduleBody div.board_form span.phone-line{display:none;}
	div#moduleBody div.board_form.contact_wrap .bbs-email input{width:44.6%;}
	div#moduleBody div.board_form.contact_wrap .bbs-email span.input-span{margin:0;}
	div#moduleBody div.board_form.contact_wrap .bbs-email select.email-set{width:100% !important;margin-left:0 !important;margin-top:5px;}
	div#moduleBody div.board_form.contact_wrap .edit_content.editor textarea{min-height:300px !important;}
	div#moduleBody div.board_btn.btn-type1 a.button{height:45px;}
	div#moduleBody div.image-view {padding:30px 0;}
	div#moduleBody div.view_type1 div.cont {font-size:15px;line-height: 23px;padding: 0px 10px;}
	div#moduleBody table.BBS_list thead th {font-size:15px;}
	div#moduleBody table.BBS_list tbody td {height:45px;}
	div#moduleBody table.BBS_list tbody td a {font-size:15px;}
}

@media screen and (max-width:420px){
	/*bbs list photo*/
	div#moduleBody div.photo_box div.gallerybox {border-radius:0 !important; width:100%;  overflow:hidden; height:130px; }
}


/*bbs button*/
.button { display: inline-block; vertical-align: middle; margin: 0 2px; outline: none; cursor: pointer; text-align: center; text-decoration: none; padding: .5em 2em .55em; }
.button:hover { text-decoration: none; }
.button:active { position: relative; top: 1px; }
.medium { font-size: 13px; font-weight:bold; padding: .4em 1.5em .48em}
.small { font-size: 13px; font-weight:bold; padding: .25em 1.5em .25em;}
.big { font-size: 14px; font-weight:bold; padding: .7em 1.5em .7em;}