@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; width:100%; }
button { margin:0; padding:0; border:0; font:inherit; color:inherit; background:transparent; overflow:visible; cursor:pointer; line-height:1; }


/* LI 목록 데이터 없음 스타일 기본 */
li.noData, .board-text > table td.noData, .noData {padding:130px 0 50px !important;height:auto !important;text-align:center !important;width:100% !important;background: url(../images/board/ico_nodata.png) no-repeat 50% 50px !important;float: none; }
* .no-data, * .noData {height:100px;text-align:center !important;box-sizing:border-box;}
li.no-data, li.noData {text-align:center;width:100%;height:100%;display:table;}
.no-data .no-txt {display:table-cell;vertical-align:middle;}
.no-data .no-txt:before {content:"";display:block;width:71px;height:71px;background:url("../images/board/ico_nodata.png") no-repeat;margin:0 auto 10px;}
.nodata{ height: 70px; text-align: center; padding-top: 150px; font-size: 0.94em; color: #555; display: block; background: url('../images/board/ico_nodata.png') no-repeat center 60px;  box-sizing: content-box;}
.board-imgTxt .noData{ border: 1px solid #ddd; border-width: 1px 0;}
.pro_info .news_list .noData{padding: 100px 0 10px !important;margin: 0 !important;background-position: 50% 20px !important;}


/* datepicker */
.datepicker{text-indent: 0px !important;}
.datepicker.date{padding-left:25px;background: url('../images/board/ico_calendar.gif') no-repeat 5px 50%, url('../images/board/ico_arrow.gif') no-repeat 95% 50%;cursor: pointer;}
.datepicker.time{ padding-left:25px; background:url('../images/board/ico_clock.gif') no-repeat 5px 50%, url('../images/board/ico_arrow.gif') no-repeat 90% 50%; cursor:pointer;width:100%;background-color:#fff;position:relative;-webkit-appearance: button;}

/* 게시판 하단 버튼 */
.btnGrp { margin:20px 0; overflow:hidden; text-align:right; clear: both;}
.btnGrp .tL{ float:left;}


/* 통합검색 */
.totalSrch{}
.totalSrch .srchFrom{background: #f7f7f7;border: 1px solid #ddd;padding:25px;overflow:hidden;margin-bottom:30px;text-align: center;}
.totalSrch .srchFrom input[type="text"]{display: inline-block;vertical-align: middle;color:#333;width: 220px;height: 40px;background:#fff;font-size: 1em; padding: 10px 5px;}
.totalSrch .srchFrom input[type="submit"]{display: inline-block;vertical-align: middle;/*margin-left: 0px; -webkit-appearance: none; */background: #004cba url( ../images/common/ico_search_w.png) no-repeat 50% 50%;font-size: 0;padding: 0 20px;height: 39px;border:none;cursor:pointer;color: #fff;margin-left: -4px;}
.totalSrch .srchFrom select{ width:180px;}
.totalSrch .srchFrom select.selTxt{ margin-right:0;}
.totalSrch .btn{ overflow:hidden; display:block; }
.totalSrch .btn a{float:right;}

.totalSrch .boardLink{overflow: hidden;border-top: 2px solid #004cba;border-bottom: 1px solid #ddd;padding-top: 30px;margin-bottom: 10px;}
.totalSrch .boardLink li{ margin-bottom:30px; padding-bottom: 30px; border-bottom: 1px solid #ddd;}
.totalSrch .boardLink li:last-child{padding-bottom: 0; border-bottom: 0;}
.totalSrch .boardLink a{ display:block; overflow:hidden;}
.totalSrch .boardLink dt{ font-size:1.1em; margin-bottom:10px; color:#222;}
.totalSrch .boardLink dt em{font-weight:400;font-size:0.9em;color: #eb353c;margin-right:5px;}
.totalSrch .boardLink dd .date{ display:block; font-size:0.9em; color:#767676; margin-top:10px;} 
.totalSrch .boardLink dd .date em{ display:inline-block; margin-right:10px;}

.totalSrch .keyword{padding: 0 2px; color: #000; vertical-align: top; background: rgb(255, 230, 31, 0.45);}
.totalSrch .noData{  text-align:center; margin-bottom: 10px; border: 1px solid #ddd;  border-width: 1px 0;}
@media only screen and (max-width :768px ){	
	.totalSrch .srchFrom{width:auto;position:relative;padding: 20px;}
	
}

/* 게시판 : 검색 */
.boardTop {position:relative;margin-bottom: 20px;z-index:0;clear:both;/*background: #fafafa;padding: 1em;*/ overflow: hidden;}
.board-srch{float:right;}
.board-srch > div {position:relative;float:right;overflow:hidden;text-align:right;}
.board-srch > div > div{float:left;position: relative;}
.board-srch > div .bn_area{ margin-left:5px;}
.board-srch > div .bn_area .button{margin-bottom:0;height: 40px;}
.board-srch {margin: 0;overflow: hidden;position: relative;z-index: 1000; text-align: center;}
.board-srch select.selTxt {display: inline-block;width:50px;padding:1px 0;margin: 0 !important;height: 2.5em;font-size:0.95em;border: 1px solid #e1e1e1;color:#666;background:#fff;}
.board-srch input.txt {display: inline-block;width: 200px;height: 2.5em;line-height: 2.5em;padding:0 5px;background: #fff;border: 1px solid #e1e1e1;border-radius: 5px 0 0 5px;}
.board-srch button.btnSearch {display: inline-block;height: 2.5em;color: #fff;font-size: 0.95em;padding: 0 30px 0 10px;background: #e94e1f url(../images/board/ico_search_w.png) no-repeat right 10px center;width: 80px;border: 1px solid #e94e1f; border-radius: 0 5px 5px 0; margin-left: -5px;}
.board-srch button.btnSearch + .button{height:2.5em;line-height:2.5em;margin: 0;font-size: 0.95em;display: inline-block;vertical-align: middle; border-radius: 3px;}
.boardTop .board-total { float:left; }
.board-total { z-index:1001; background: url(../images/board/icon_total.gif) no-repeat 0 50%; padding-left: 20px; margin-bottom:0 !important;}
.board-total span { display:inline-block; margin:0 10px 0 0; line-height:2.5em;}
.board-total strong {color: #e94e1f;font-weight:700;}
.board-total em{  font-size:0.9em;}

.boardTop.st02{background:none;padding:0;margin-bottom: 15px;}
.boardTop.st02 .board-srch button.btnSearch{ background-color:#555; border-color:#555;}

@media only screen and (max-width :1080px ){		
	.boardTop{}
    .board-srch select.selTxt,
	.board-srch input.txt,
	.board-srch button.btnSearch,
	.board-srch button.btnSearch + .button{height: 40px;}
	.board-srch button.btnSearch{width:80px;}
}
@media only screen and (max-width :768px ){	
	.boardTop{margin-bottom: 20px; /* padding:1.3em 1.2em; */} 
	.board-srch{float:none;}
	.boardTop .board-total span{ line-height:1.5em;}
	.boardTop .board-total{float:none; margin-top: 5px !important;}
	.board-srch div{float:none;overflow: inherit;}
	.board-srch > div > div{width:100%;}
	.board-srch > div .bn_area{width:auto;position:absolute;top: -30px;right:0;}
	.board-srch > div .bn_area .button{ font-size:0.88em;}
}
@media only screen and (max-width: 480px) {		
	.board-srch select.selTxt{min-width: inherit;width: 80px; float: left; margin-bottom: 3px !important;}
	.board-srch input.txt{ min-width:inherit;width: calc(100% - 125px); /* float:left; */}
	.board-srch button.btnSearch{width:40px; float:right; font-size: 0; background-position: 50% 50%; background-size:15px;}
	.board-srch button.btnSearch + .button{display:none;}
	.boardTop .board-total{ position:relative; top:auto; left:auto; float:none;}
	
}

/* items */
.cntBody .items{border:1px solid #ddd;border-radius: 5px;min-width:40px;height: 23px;text-align: center;font-size: 13px;padding: 0;line-height: 23px;font-weight: 400;vertical-align: middle;display: block;width: auto;max-width: 75px;margin: 0 auto 3px auto;}
.cntBody .board-text .items{ margin: -3px 3px 0 0; padding:0 5px; display: inline-block;}
.cntBody .itm01{ background-color:#f2f9fd; border-color:#a6c5d8; color:#0075be}
.cntBody .itm02{ background-color:#fff7f1; border-color:#f5c9ad;  color:#f05e00;}
.cntBody .itm03{ background-color:#ffe9ef; border-color:#f194b5;  color:#d15391;}
.cntBody .itm04{ background-color:#eef9f8; border-color:#add8d0; color:#20a3a8;}
.cntBody .itm05{ background-color:#f4f0fb; border-color:#c0b1da; color:#673AB7;}


/* file -ico */
.board-text .file button{display: inline-block; position: relative; font-size: 0; vertical-align: middle;}
.board-text .file button:before{ content:''; width:20px; height: 21px;  background:url('../images/board/icons_file.png') no-repeat 0 0; display: inline-block; }
.board-text .file button.pdf:before{ background-position: 0 0; }
.board-text .file button.han:before{ background-position: -100px 0; }
.board-text .file button.excel:before{ background-position: -200px 0; }
.board-text .file button.img:before{ background-position: -300px 0; }
.board-text .file button.zip:before{ background-position: -400px 0; }
.board-text .file button.power:before{ background-position: -500px 0; }
.board-text .file button.word:before{ background-position: -600px 0; }


/* 게시판 : 텍스트 */
.board-text {position:relative;border-top: 2px solid #222;letter-spacing: 0;}
.board-text > table { width:100%;}
.board-text > table thead th, .board-text td {padding: 1.2em 0.5em;text-align:center;/* font-size: 0.95em; */}
.board-text > table thead th {font-size:1em;color: #111;font-weight: 500;background: #fff;position: relative;border-bottom: 1px solid #e1e1e1;}
.board-text > table  thead tr{ background:#f9f9f9;}
.board-text > table  thead tr:hover{ background:#f9f9f9}
.board-text > table  td {border-bottom: 1px solid #e1e1e1;color: #555;padding: 1.1em 0.5em;}
.board-text > table  td.num,
.board-text > table  td.date,
.board-text > table  td.vCount{color:#888;font-size: 0.9em;}
.board-text > table  td.pic{ }
.board-text > table  td.pic img{ height: 80px;}
.board-text > table  td.tit {text-align:left;/* max-width: 430px; */box-sizing:border-box; font-weight: 500; color: #333;}
.board-text > table  td.tit a {max-width: calc(100% - 55px); overflow: hidden;text-overflow: ellipsis;white-space: nowrap;/* float: left; */display: inline-block; vertical-align: middle;}
.board-text > table  td.tit a:hover,
.board-text > table  td.tit a:focus,
.board-text > table  td.tit a:active {color: #111;text-decoration:underline;}
.board-text > table  td .file_num{display: inline-block; /* float:left; */ font-weight:500;color:#e94e1f;vertical-align:top;}
.board-text > table  td .file_num img{display: inline-block; vertical-align: middle;}
.board-text > table  td.tit img{ display: inline-block; /* float:left; */ vertical-align: middle; margin: 1px 0px 0 3px;}
.board-text > table  td.tit a img{ margin: 3px 3px 0 0;}
.board-text > table  td.tit .ico_comm{display:block; float:left; font-size: 0.9em;color: #e94e1f;font-weight: 500;}
.board-text > table  td.tit .ico_comm:before{content:'';width:18px;height:16px;display:inline-block;background:url('../images/board/icon_comment.png') no-repeat 0 0;vertical-align: middle;margin: 0 3px;}
.board-text > table  td select{ width:100%;}
.board-text > table  tr th:last-child, .board-text  tr td:last-child { background-image:none; }
.board-text > table .ntc{background: #fffbf9;}
.board-text > table .ntc td.tit a{font-weight: 700;}
.board-text > table .ntc .num{color: #e94e1f;font-weight:400;}
.board-text > table  td.agency{ color:#e94e1f; text-align: left; font-weight: 500;}
.board-text > table  tr td.agency,
.board-text > table  tr td.author{ max-width:140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.board-text .tbl-form{ border-top:0}
.board-text .button { margin-bottom: 0;}
.board-text tfoot th, .tbl  tfoot td {background-color: #fbf9f8;color: #222;border-bottom: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6;}
.board-text tfoot td {background-color: #fafafa;}
.board-text thead th:last-child,
.board-text tfoot th:last-child,
.board-text tbody th:last-child{border-right:none;}
.board-text tbody .notice:after{ display: none;}

/* ul.board-text */
ul.board-text{border-top:2px solid #777;}
ul.board-text li{position:relative;padding: 39px 15px;border-bottom:1px solid #eaecf1;}
ul.board-text li > *{display:block;}
ul.board-text li .date{position:absolute;left:15px;top:50%;width: 65px;font-size: 14px;color:#999;text-align:center;font-weight: 500;transform:translateY(-50%);font-family: Ubuntu, Sans-serif;transition: all 0.4s ease-out 0s;}
ul.board-text li .date i{display:block;font-size: 2.7rem;color: #959595;line-height:1em;transition: all 0.4s ease-out 0s;font-weight: 700;margin-bottom: 3px;font-style: normal;}
ul.board-text li .date:before{content:''; display:block; position:absolute; right:-15px; top:50%; width:1px; height:30px; margin-top:-15px; background:#e5e5e5;}
ul.board-text li .tit{padding-left:125px;padding-right:100px;font-size: 1.125em;letter-spacing: -0.01rem;font-weight: 500;}
ul.board-text li .tit:hover,
ul.board-text li .tit:focus{color: #e94e1f;}
ul.board-text li .more{overflow:hidden;position:absolute;right:15px;top:50%;width:36px;height:36px;margin-top:-16px;background:#fff;/* border:1px solid #ddd; */transition:all 0.3s ease 0s;}
ul.board-text li .more em{display:none; padding-left:10px; color:#e94e1f; line-height:36px; font-size:13px;}
ul.board-text li .more:before{content:''; display:block; position:absolute; left:50%; top:50%; width:14px; height:14px; margin:-7px 0 0 -7px; background:url(../images/board/icon_more.png) no-repeat 0 0;}
ul.board-text li .more.active,
ul.board-text li .more:hover,
ul.board-text li .more:focus{border-color:#e94e1f;}
ul.board-text li .more.active em,
ul.board-text li .more:hover em,
ul.board-text li .more:focus em{}
ul.board-text li .more.active:before,
ul.board-text li .more:hover:before,
ul.board-text li .more:focus:before{ background-position:0 -14px;  }
ul.board-text li .notice{display:inline-block;width:25px;height:25px;margin-right:10px;margin-top:-5px;background: #e94e1f;border-radius:50%;text-align:center;vertical-align:middle;text-indent:100%;overflow:hidden;white-space:nowrap;padding: 0;margin: -5px 10px 0 0;font-style: normal;}
ul.board-text li .notice:before{content:'공';display:block;color:#fff;text-indent:0;line-height:23px;font-size: 0.9em;}
ul.board-text li .notice:after{display:none;}
ul.board-text li:hover .date,
ul.board-text li:hover .date i{color: #2a5309;}

@media only screen and (max-width :1080px ){
	.board-text .tit { font-size:1em; }	
	.board-text > table .dpNo{display:none !important;}
	.board-text > table thead th, .board-text td{padding:1em 0;}
	.board-text > table td.tit{ width: 80%;/* max-width: 430px; */}
	.board-text > table td.tit a{display: inline;white-space: break-spaces;}
	
	.board-text.st02 > table {border-collapse: collapse;text-align: center;table-layout: fixed;}
	.board-text.st02 > table tr {position: relative; overflow: hidden; display: block; width: 100%; border-bottom: 1px solid #ddd; float: left;}
	.board-text.st02 > table tbody tr {position:relative;overflow:hidden;display:block;width:100%;border-bottom:1px solid #ddd;float:none;padding: 1em 0;}
	.board-text.st02 > table  tr:hover td {background-color:transparent;}
	.board-text.st02 > table thead {position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;}
	.board-text.st02 > table th, .board-text.st02 > table td {border:0; }	
	.board-text.st02 > table td {display:block; float: left; padding: 3px 0 0 2%; width:auto;}
	.board-text.st02 > table .num { float:left;padding-bottom:0; padding: 0 0 0px 2%;}
	.board-text.st02 > table .ntc .num img{margin-bottom:3px;}
	.board-text.st02 > table .num:after { display:none;}
	.board-text.st02 > table .pic{ padding:0;}
	.board-text.st02 > table .pic:after{display: none;}
	.board-text.st02 > table td.pic img{ height: auto; width:100%;}
	.board-text.st02 > table td.tit, 
	.board-text.st02 > table td.writer {font-size:1.1em;width: 100% !important;padding: 0 2%; max-width: inherit;border-bottom: 0; /* float: left; */}
	.board-text.st02 > table td.tit a{white-space: nowrap; overflow: hidden; max-width: calc(100% - 55px);float: left;}
	
	.board-text.st02 > table td.tit:after, .board-text > table td.writer:after, .board-text > table td:last-child:after,
	.board-text.st02 > table .u_tel, .board-text.st02 > table .u_num{display:none !important;}
	.board-text.st02 > table .u_web .button{  margin: 0;}
	.board-text.st02 > table td{display:block;/* float:left; */width: auto !important;padding: 3px 0 0 2%;border-bottom: 0;color: #666;line-height: 25px;font-size: 0.95em;}
	.board-text.st02 > table td + .board-text td{ padding-left:0;}	
	.board-text.st02 > table td:last-child:after{display:none;}
	.board-text.st02 > table td:after{content:'';display:inline-block;background:#ddd;width:1px;height:13px;vertical-align:middle;margin: -3px 0 0 10px;}	
	
	/* board-text st02 
	.board-text.st02  > table{ table-layout:inherit;}
	.board-text.st02 > table thead{position:relative;top: inherit;left: inherit;width: auto;height: auto;overflow: inherit;}
	.board-text.st02 > table tr{display: table-row;float: none;}
	.board-text.st02 > table td{display:table-cell;padding: 1em 0.5em !important;float: none;}
	.board-text.st02 > table td:after{ display:none;}
	.board-text.st02 > table td.tit{ width:auto !important; padding:0 2%;}
	.board-text.st02 > table td.tit a{max-width:inherit; text-overflow:inherit; white-space:normal;}*/
	
	/* ul.board-text */
	ul.board-text li{padding: 1.5em 0;}
	ul.board-text li .tit{padding-left:115px;padding-right:55px; }
	ul.board-text li .date{font-size:1rem;left: 0;}
	ul.board-text li .date i{font-size: 2rem;}	
	
}
@media only screen and (max-width: 480px) {	
	.board-text > table td.tit{ width: 70%;}
	.board-text > table td.tit a{display: inline;/* width:calc(100% - 30px); */  max-width: inherit;white-space: break-spaces;}
	.board-text .btn_down {padding:0;line-height: 20px !important;height: 20px;}
	
	ul.board-text li .date{font-size:0.8rem;;}
	ul.board-text li .date i{font-size: 1.7rem;}
	ul.board-text li .date:before{right:-5px;}
	ul.board-text li .tit{padding-left:100px;}
	ul.board-text li .notice{width:20px;height:20px;margin-right: 5px;}
	ul.board-text li .notice:before{ line-height:20px;}
}
@media only screen and (max-width: 340px) {	
	ul.board-text li .date{left:0px;}
	ul.board-text li .tit{padding-left:90px; padding-right:0px;}
	ul.board-text li .more{display:none;}
}

/* 게시판 : 텍스트 뷰 */
.board-view-head {display:block;position:relative;width:100%;border-bottom: 1px solid #ececec;}
.board-view-head .titBox {display:block;padding: 1.2em 0.5em 1.2em;position:relative;}
.board-view-head .titBox:after {content:"";display:block;clear:both}
.board-view-head .titBox .tit {display:block;padding:0 100px 0 0;font-size: 1.45em;color: #222;width:auto;font-weight: 500;box-sizing:border-box;}
.board-view-head .titBox .pcate {}
.board-view-head .titBox .top-r {position:absolute;right:0px;height:100%;top:50%;margin-top: -26px;}
.board-view-head .titBox .top-r .board-vhit {display:inline-block;margin-right: 1.5em;}
.board-view-head .titBox .top-r .board-vhit .ilbl:after {content:" :"}
.board-view-head .titBox .top-r .button{margin: 0;}
.board-view-head .titBox .topinfo {display:block;font-size: 0.95em;margin:5px 0 0;}
.board-view-head .titBox .topinfo * {display:inline-block;position:relative;vertical-align:middle}
.board-view-head .titBox .topinfo .writer {color:#555;padding:0 10px 0 0;margin:0 9px 0 0}
.board-view-head .titBox .topinfo .writer:after {content:""; display:block; position:absolute; width:1px; height:12px; background:#ccc; right:0; top:7px;}
.board-view-head .titBox .topinfo.split {display:none;}
.board-view-head .titBox .topinfo .pdate {color:#666}

.view-info {width:100%;display:block;overflow:hidden;background: #fafafa;position: relative;}
.view-info > div:after {content:"";display:block;position:absolute;width:200%;height:1px;background: #ccc;left:0;bottom:0;}
.view-info .ilbl {display:block;position:absolute;left: 1.5em;top: 1.25em;letter-spacing:-.05em;font-size: 0.95em;}
.view-info .ptxt {display:block;position:relative;margin-left:115px;padding:10px 15px 12px;min-height:50px;box-sizing:border-box;}
.view-info .ptxt:before {content:"";display:block;position:absolute;width:1px;height:14px;background:#ccc;left:0;top:18px}
.view-info .info-cont{position: relative;}
.view-info .info-cont > ul {display:block;position:relative;margin-left:115px;padding: 1em 0.5em;}
.view-info .info-cont ul:before {content:"";display:block;position:absolute;width:1px;height:14px;background:#ccc;left: -0.35em;top: 1.4em;}
.view-info .info-cont li {display: inline-block;margin: 0 15px 5px 0;}
.view-info .info-cont li:last-child {margin:0}
.view-info .info-cont li button:hover span,
.view-info .info-cont li a:hover span{text-decoration:underline;color: #000;}
.view-info .info-cont li button span:after,
.view-info .info-cont li a span:after{content:'';display:inline-block;vertical-align:middle;width: 16px;height: 13px;background: url(../images/board/icoFile.png) right center no-repeat;margin-left: 7px;}
.view-info .info-cont li button:first-child,
.view-info .info-cont li a:first-child {word-break:break-all;white-space:normal;font-size: 0.95em;}
.view-info .info-cont li button:first-child span,
.view-info .info-cont li a:first-child span {display:inline-block;position:relative;box-sizing:border-box;letter-spacing:-.05em; line-height: 1.2em;}
.view-info.link .info-cont li a{background: url(../images/common/ic_blank.png) right center no-repeat;padding-right: 20px;}
.view-info.cols2 .info-cont{width:50%; float:left;}
.view-info.cols2 .info-cont.full{width:100%; float:none; clear: both;}

.board-text .viewBox {overflow:hidden;color: #444;padding: 2em 1.5em; line-height: 180%;  /*font-size: 1.15em;*/}
.board-text .viewBox video{max-width:100%; width:100%;}
.board-text .viewBox iframe.isPDFifrm{min-height:1630px;}
.board-text .viewBox .piczone  { text-align:center}
.board-text .viewBox img { max-width: 100%;/*margin-bottom: 1em*/} 
.board-text .viewBox a{word-break: break-all;}
.board-text .viewBox p { line-height:180%; margin-bottom: 0 !important;}
.board-text .viewBox li {    text-align: left !important;}
.board-text .viewBox table th, .board-text .viewBox table td{  padding:0.7em 0.5em; font-size:1em; border:1px solid #ddd;}
.board-text .viewBox .ttl01:first-child,
.board-text .viewBox .ttl02:first-child,
.board-text .viewBox .ttl03:first-child{ margin-top: 0;}
.board-text .viewBox figure.media {margin: .9em auto; }
.board-text .viewBox figure.image { display: table; clear: both; text-align: center; margin: .9em auto; min-width: 50px; }
.board-text .viewBox figure.image img { display: block; margin: 0 auto; max-width: 100%; min-width: 100%; }
.board-text .viewBox figure.image.image-style-side {float: right;margin-left:1em; max-width: 50%;}
.board-text .viewBox figure.image>figcaption { display: table-caption; caption-side: bottom; word-break: break-word; color: #777; background-color:#eee; padding: .3em; font-size: .75em; outline-offset: -1px; }

.board-text .viewBox i { font-style:italic}
.board-text .viewBox a { text-decoration: underline; color:#054dd7; display:inline-block}
.board-text .viewBox ul {  list-style-type: disc;  list-style-position: inside;  margin:1em 0; padding-left:15px; }
.board-text .viewBox ol {  list-style-type: decimal;  list-style-position: inside;  margin:1em 0; padding-left:15px; }
.board-text .viewBox ul ul, .board-text .viewBox ol ul {  list-style-type: circle;  list-style-position: inside;  margin-left: 20px;  }
.board-text .viewBox ol ol, .board-text .viewBox ul ol {  list-style-type: lower-latin;  list-style-position: inside;  margin-left: 20px;  }

/* board-view-files */
.board-view-files {display:block;position:relative;width:100%;overflow:hidden;text-align:center}
.board-view-files img {max-width:100%}
.board-view-contents {display:block;position:relative;padding:30px 28px 50px}
.board-view-contents center {text-align:center}
.board-view-contents img {max-width:100%}
.board-view-contents p {min-height:1em}
.board-view-contents .video-wr {display:block;position:relative;height:0;padding:0 0 56.25%;margin:0 0 20px}
.board-view-contents .video-wr iframe {display:block;position:absolute;width:100%;height:100%}
.board-status {margin-top:15px}
.board-writer-ip {text-align:right;border-top:1px dotted #c2c2c2;font-size:0.85em;padding:5px}
.board-view-btns {display:block;margin:15px 0;text-align:right}
.board-view-btns a,
.board-view-btns button, .board-view-btns input {text-align:center}
td.text-left { text-align:left}

@media only screen and (max-width :1080px ){	
	.board-text .viewBox iframe.isPDFifrm{min-height:950px;}
}

@media only screen and (max-width :768px ){	
	.board-view-head .titBox { padding:15px 0;}	
	.board-view-head .titBox .tit{font-size: 1.35em;line-height: 1.3em;padding: 0 0 5px 0;display: inline-block;}
	.board-view-head .titBox .topinfo{ margin-top:0; font-size: 0.9em;}
	.board-view-head .titBox .topinfo .writer:after{top:5px;}
	.board-view-head .titBox .top-r{top:inherit;height: auto;position: relative;display: inline-block;right: inherit;float: right;margin: 3px auto 0 auto;}
	.board-view-head .titBox .top-r .board-vhit{right:0;margin-right:0;font-size:0.9em;}
	.board-view-head .titBox .top-r .button{height:30px !important;line-height:30px !important;padding:0 0.5em;font-size: 1em;}
	
	.view-info .info-cont li{margin-bottom: 3px;}
	.view-info .info-cont li a:first-child {/* font-size:13px; */}


	.view-info .info-cont > ul{/* padding:10px 0; */margin-left: 85px;}
	.view-info .info-cont ul:before{/* top:15px; */}
	.view-info .ilbl{left: 10px;}
	.view-info.cols2 .info-cont{width:100%; float:none;}
	.board-text .viewBox{padding:20px 0;}
	
    .board-text .viewBox img { width:100%; text-align:center; }	
	.viewBox img{  max-width:500px;  width:100% !important; height:auto !important; }

	.board-text .viewBox iframe.isPDFifrm{min-height:645px;}
}
@media only screen and (max-width :480px ){	
    .board-text .viewBox iframe.isPDFifrm{min-height:470px;}
}

/* 답변 */
.answerBox { overflow:hidden; background:#f7f7f7; border:1px solid #ddd; margin-top:20px;}
.answerBox .titleArea{border-bottom:1px solid #ddd;overflow: hidden;padding: 10px 30px;}
.answerBox .titleArea .title{text-align: center;font-size:1.3em;font-weight:bold;color:#333;float: left;margin: 0;}
.answerBox .boardDate{float: right;font-size: 0.9em;margin-top: 6px;}
.board-text .answerBox .viewBox{background:#fff;padding: 30px;}
@media only screen and (max-width :1080px ){
	.answerBox .titleArea{ padding:10px 15px;}
	.board-text .answerBox .viewBox{background:#fff;padding: 15px;}
}

/* 비밀글 pw*/
.box_pw{}
.box_pw dl{width: 40%;margin: 0 auto;overflow:hidden;text-align:center;padding: 35px;border: 1px dashed #ddd;margin-bottom:30px;background:#f9f9f9;}
.box_pw dt{float:left;padding: 3px 15px 3px 25px;text-align:left;display:inline-block;background: url('../images/common/ico_ex01.png') no-repeat 0px 6px;}
.box_pw dd{margin-bottom:20px;}
.box_pw dd:last-child{ margin-bottom:0;}
.box_pw .btn{ text-align:center;}
@media screen and (max-width:1080px) {
    .box_pw dl{width:50%;margin-bottom: 15px;}
}
@media screen and (max-width:720px) {
    .box_pw dl{width:100%;padding: 35px 10px;margin-bottom: 10px;}
}


/* 모바일전용 게시판 */
table.mb{ display:none;}
table.mb caption{ display:none;}
@media only screen and (max-width :768px ){	
	table.wb { display:none; }
    table.mb { display:inline-table;}
}


/* 이전글 다음글 */
.listNavi {clear:both;overflow:hidden;margin:20px 0 0 0;border: 1px solid #777;border-left:0;border-right:0;}
.listNavi li { overflow:hidden; }
.listNavi li.next {border-top: 1px solid #ccc;}
.listNavi li.next a { background-image:url(' ../images/board/bgNextList.gif');  }
.listNavi li a {display:block;overflow:hidden;padding: 1em 0.5em;background: url(' ../images/board/bgPrevList.gif') 10px center no-repeat;text-decoration: none;}
.listNavi li a strong {display:inline-block;padding:0 20px;background:url(' ../images/board/bgTxtList.gif') right center no-repeat;vertical-align: middle;min-width: 22px;}
.listNavi li a span {display:inline-block;padding-left:20px;box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 70%;vertical-align: middle;}
@media only screen and (max-width: 480px) {
	.listNavi li a strong{ padding:0 10px 0 20px;}
	.listNavi li a span{ padding-left:10px;}
}


/* common form element */
input.inpTxt, input.inpFile {padding:3px 1px;border: 1px solid #ddd;background:#fff;}
input.file + div{position:relative !important;display:inline-block !important;}
input.inpFile { margin:0 3px 0 0; }
textarea.txtArea { padding:5px; border:1px solid #abadb3; background:#fff; }
select.selTxt {min-width: 120px;height: 2.5em;margin-right: 5px;}
@media only screen and (max-width: 480px) {
    input.inpFile { width:150px !important; }
}
/* 댓글 */
.screen_out {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}
.sort_comm {overflow:hidden;position:absolute;right:0}
.cmt_comm {position:relative; width: auto; font-size: 0.95em;}
.cmt_comm .tit_cmt {display:block;margin-bottom:14px;font-size: 1.1em;}
.cmt_comm .num_cmt {font-weight:normal;font-size:0.8em;color: #fc7d01;}
.cmt_comm .regist_cmt {overflow:hidden; position:relative;}
.cmt_comm .admit_opinion {float:left;position:relative;border: 1px solid #e5e7ee;border-right:0;overflow: hidden;}
.cmt_comm .tf_cmt {overflow:auto;padding:6px 7px;border:0}
.cmt_comm .label_guide {position:absolute;top: 20px;left:19px;color: #999;font-weight: 400;}
.cmt_comm .btn_submit {position:absolute;right:0;font-weight: 500;color: #ffffff;font-size: 1.1em;background: #777;}
.cmt_comm .num_byte {color: #fc7d01;}
.cmt_comm .regist_cmt .info_append {position:absolute;right: 0;padding-right: 11px;bottom: 0px;color:#767676;width: 100%;text-align: right;background: rgba(255,255,255,0.75);}
.cmt_comm .fld_cmt .regist_cmt {margin-bottom:0px}
.cmt_comm .fld_cmt .admit_opinion {width:80%;height: 90px;padding-bottom: 20px;}
.cmt_comm .fld_cmt .tf_cmt {width: 100%;height: 100%;}
.cmt_comm .fld_cmt .btn_submit {width: 20%;height: 90px;}
.cmt_comm .fld_reply .admit_opinion {width: 80%;height: 50px;}
.cmt_comm .fld_reply .tf_cmt {width:100%;height:48px}
.cmt_comm .fld_reply .btn_submit {width:20%;height:50px}
.cmt_comm .info_reply {display:none;margin: 0 10px 15px 10px;}
.cmt_comm .ico_arrow {display:inline-block;overflow:hidden;width:7px;height:4px;vertical-align: top;background: url(../images/board/ico_comm_arrow.png) no-repeat;background-position: 0 0px;margin: 10px 0 0 5px; font-size: 0;}
.cmt_comm .ico_new { background:url('../images/board/ico_new.png'); width:20px; height:20px; font-size:0;overflow:hidden;display:inline-block; vertical-align: middle; margin-top:-1px;}
.cmt_comm .txt_nick {/* line-height:17px */}
.cmt_comm .txt_date {margin: 0 5px 0 7px;color: #777;font-size: 0.9em;font-weight: 400;}
.cmt_comm .btn_del, .cmt_comm .btn_report {display:inline-block;overflow:hidden;height:11px;margin-top:1px;vertical-align:top;text-indent:-9999px}
.cmt_comm .btn_del {width:11px;background-position:-306px -58px}
.cmt_comm .btn_report {width:14px}
.cmt_comm .txt_cmt {margin: 5px 0 8px 0;color:#666; word-break:break-word;}
.cmt_comm .btn_more {display:none;width:826px;height:28px;padding-top:11px;margin-top:25px;margin-left:auto;margin-right:auto;border:1px solid #e5e5e5;text-align:center;text-decoration:none}
.cmt_comm .btn_more .ico_comm {margin:7px 0 0 4px}
.cmt_comm .paging_number {margin-top:29px}
.list_cmt {position:relative;min-height:72px;padding:28px 190px 15px 74px;border-bottom: 1px solid #e5e7ee;}
.list_cmt .img_profile, .list_cmt .round_cover {position:absolute;top:20px;left:0;width:58px;height:58px}
.list_cmt .round_cover {background-position:0 -500px}
.list_cmt .btn_comm {margin-left:6px}
.list_cmt .ico_arrow {margin: 6px 0 0 5px;}
.list_cmt .desc_info {display:inline-block;}
.list_cmt .emph_num {color: #ff6a5d; font-weight: 700;}
.list_cmt .bn_area .button{ margin-bottom: 0;}


.list_depth2 {display:none;position:relative;margin-left: 10px;margin-bottom: 10px;padding-left: 15px;*zoom:1;}
.list_depth2:last-child,
.list_depth2:last-child .txt_cmt{margin-bottom:0;}
.bg_comm {display:block;background:url('../images/board/ico_comm.png') no-repeat}
.list_depth2 .bg_comm {position:absolute;top:0px;left:0;width:9px;height:9px;background-position:0px 0px}
.list_depth2 .btn_report  {background-position:-316px -330px}
.list_depth2 .btn_comm {margin:2px 0 0 6px}
.list_depth2 .txt_bar{margin-top:3px}
.open_child .list_cmt {border-bottom:0;}
.open_child .list_depth2 {display:block}
.open_child .info_reply {display:block}
.open_child .btn_more {display:block}
.open_child .ico_arrow{background-position: 0 -25px;}
.cmt_comm .none_cmt {padding:38px 0px 55px;border-bottom:1px solid #e5e5e5;color:#666;text-align:center}

.cmt_comm .link_reply{ font-size:0.95em;}
.cmt_comm .txt_spo {color:#666}
.cmt_comm .link_spo {display:none}
.cmt_comm .wrap_cmt {text-align:left; }
.box_comment {/* margin-bottom:12px; */padding: 1.5em 15px;border: 1px solid #c5c9d6;position: relative;}
.box_comment .wrap_spo {height:24px;padding-bottom:5px}
.box_comment .box_check {position:relative;cursor:default}
.box_comment .box_check .ico_comm {width:17px;height:17px}
.box_comment .box_check .ico_choiced {border-color:#262424;background-color:#262424;background-position:2px -429px}
.box_comment .inp_check {position:absolute;top:0;left:0;width:19px;height:19px}
.box_comment .desc_spo {padding-left:26px;color:#767676;line-height:22px}
.box_comment .info_append {position:absolute;/* top: 7px; */right: 15px;color:#767676;font-size: 0.9em;margin-bottom: 0 !important;}

.list_cmt {width:100%;padding: 2em 10px 1.25em 10px;}
.cmt_comm .btn_more {margin:25px 0 0 20px}
.list_cmt .item_updown {top:27px}

.wr_info{clear: both;margin: 0 0 15px 0;padding-bottom: 15px;border-bottom: 1px dotted #dadce4;}
.wr_info input[type=text],.wr_info input[type=password]{height:2.2em;margin-bottom: 3px;}
.wr_info #captcha{padding-top:10px;display:block;clear:both}
.wr_info .captchaWrap{display:inline-block;vertical-align: top;}
.wr_info .captchaWrap a, .wr_info .captchaWrap button{vertical-align:top;margin-bottom: 3px;}
.wr_info .captchaWrap .txtGuide{display: inline-block;line-height: 1.4em;padding: 0;vertical-align: middle;}
.wr_info .captchaWrap .txtGuide br{display:none;}

.list_cmt .psBox {display: inline-block;vertical-align: top;}
.list_cmt .psBox input{height: 1.6em; width: 150px; margin: 0;}
.list_cmt .psBox .button{ margin: 0;}


@media only screen and (max-width: 768px) {
	.wr_info .frm_input{width:49.5%;}
	.wr_info .captchaWrap .txtGuide br{display:none;}
}
@media only screen and (max-width: 480px) {
	.cmt_comm .tit_cmt{ margin-bottom:10px;}
	.box_comment{border-width:1px 0;padding: 1em 0 1em;}
	.box_comment .info_append{right:0;}
	.list_cmt {width:100%;padding: 1.5em 0px 1em 0px;}
	.cmt_comm .info_reply{margin: 0 0 1em 0;}
	.list_depth2{margin: 0 0 0.75em 0;}
	
	.cmt_comm .fld_cmt .admit_opinion{width:100%;height: 120px;float:none;border-right: 1px solid #e5e7ee;}
	.cmt_comm .fld_cmt .btn_submit{width:100%;height: 40px;float:none;position: relative;}

	.wr_info .frm_input{width:100%; margin-bottom:5px;}
	.wr_info .captchaWrap a, .wr_info .captchaWrap button{ margin-bottom: 3px; width: 80px;}
	.wr_info .captchaWrap input[type=text]{width: calc(100% - 85px);float: right;}
	
	.list_cmt .psBox { float:none; display: block;}
	.list_cmt .psBox input{ width: calc( 100% - 45px);}
	.list_cmt .psBox input + .button{float:right; width:45px;}
}

/* 게시판 : 작성 */
.board-write { position:relative; border-top:2px solid #2c2c2c; }
.board-write > table { width:100%;}
.board-write .tit { padding:15px 0; overflow:hidden;}
.board-write .tit .inputTxt { width:81%;}
.board-write .label {color:#333; display:inline-block; float:left; width:15%; margin:0 1% 0 2%; line-height:22px; background:url(' ../images/board/bgInfo.gif') right center no-repeat;}
.board-write .inputTxt {padding:0 1%; height:22px; border:1px solid #abadb3;}
.inputTxt.type01{width:10%;}
.inputTxt.type02{width:20%;}
.inputTxt.type03{width:30%;}
.inputTxt.type04{width:40%;}
.inputTxt.type05{width:50%;}	

.board-write .infoBox { overflow:hidden; padding:15px 0; border-top:1px dashed #d7d9da; border-bottom:1px solid #999;}
.board-write .infoBox li {margin:0; color:#666;}
.board-write .infoBox_last { overflow:hidden; padding:0 0 15px 0; border-bottom:1px solid #d7d7d7; background:#fcfcfc; }
.board-write .infoBox_last li {margin:15px 0 0 0; color:#666; }
.board-write .selectTxt {height:24px; line-height:24px; border:1px solid #abadb3;}
.board-write .viewBox { overflow:hidden; color:#666; padding:15px 0; border-bottom: 1px solid #999;}
.board-write .textarea { width:97.5%; height:200px; padding:0 1%; margin:0; border:1px solid #abadb3; }


/* 첨부파일 */
.board-write .fieldBox { padding:15px 0; border-top:1px solid #d7d7d7; border-bottom:1px solid #999;}
.board-write .fieldBox dl { overflow:hidden; color:#666; line-height:1.5em;}
.board-write .fieldBox dl dd { float:left; width:81%}
.board-write .fileWrap { position:relative; }
.board-write .fileWrap .file { display:block; padding-right:82px;}
.board-write .fileWrap .file input { padding:0 5px; height:25px; width:97%; border:1px solid #abadb3; }
.board-write .fileWrap .fileBg { position:absolute; right:6px; top:0; display:inline-block; width:65px; height:27px; background:url(' ../images/board/btnFileSearch.gif') 0 0 no-repeat; }
.board-write .fileWrap .fileBg input { filter:alpha(opacity=0); opacity:0; width:65px; height:27px; cursor:pointer;}
.board-write .fileWrap + .fileWrap { margin-top:10px;}


/*******************
	Board List style
********************/
table.list				{ width: 100%; padding:0; border-spacing:0px; border:0; border-collapse:collapse; border-top: 2px solid #444444; border-bottom: 1px solid #cfd1d4; margin-bottom: 20px;   }
table.list thead th		{ background: #f8f8f8; padding: 15px 0; font-weight: 400; font-size:1.2em; }
table.list tbody td		{ border-top: 1px solid #cfd1d4; font-size: 0.94em; padding: 15px 10px; }

.btn-group		{ padding: 20px 0; text-align: right; }

.pageNav		{ padding-bottom: 50px; text-align: center; }
.pageNav > *	{ display: inline-block; min-width: 36px; height: 36px; line-height: 36px; border: 1px solid #cfd1d4; }
.pageNav span	{ background: #444444; color: #fff; }

/* 신청서 양식 */
.agree-box			{ margin-bottom: 50px; }
.agree-box .inner	{ padding: 20px; border: 1px solid #bfbfbf; background: #f7f7f7; font-family: 'Dotum'; margin-bottom: 20px; }
.agree-box .scroll	{ overflow-y: auto; height: 150px; }

.form-layout        {border-top: 2px solid #222;overflow: hidden;clear: both;}
table.form			{ width: 100%; padding:0; border-spacing:0px; border:0; border-collapse:collapse;  table-layout: fixed; }
table.form th		{padding: 0.5em 0.5em 0.5em 1.5em;border-bottom: 1px solid #e6e6e6;background: #fbf9f8;font-weight: 500;text-align:left;color:#222;}
table.form td		{padding: 0.5em 1.5em 0.5em 1.5em;border-bottom: 1px solid #e6e6e6;text-align: left; line-height: 2.5em;}
table.form input	{ max-width: 100%; }
table.form textarea	{ height: 200px; line-height: 1.7em;}
table.form textarea.min{ height: 80px;}
table.form fieldset	{ display: inline-block; min-width: 140px; padding-right: 20px; padding: 5px 5px 5px 0; }
table.form .full	{ width: 100%; box-sizing:border-box; }
table.form .half	{ width: 40%; }
table.form .help		{ color: #e94e1f; margin-bottom: 15px; }
table.form em{ display: block;}
.disabled{font-weight: 300 !important;color: #a2a2a2;}

.form-layout>div,
.form-layout .col2 li{width:49%;float:left; font-size:15px;}
.form-layout>div:nth-child(2n+2),
.form-layout .col2 li:nth-child(2n+2) { float:right;}
.form-layout>div li,
.form-layout .col2 li{padding: 10px 0; overflow: hidden;}
.form-layout .col2 li.full{width:100%; float:none;}
.form-layout label{/* margin-bottom: 10px; */display: inline-block;font-weight: 500;}
.form-layout .labelTit{margin-bottom: 10px; display: block; font-weight: 500; font-size: 1.08em;}
.form-layout label.txt{display: inline-block; font-size:0.95em; font-weight: 300; margin-bottom:0; }
.form-layout input	{max-width: 100%;height: 2.5em;}
.form-layout textarea	{ height: 200px; }
.form-layout textarea.min{ height: 100px;}
.form-layout select{height: 2.5em;}
.form-layout fieldset	{ display: inline-block; min-width: 140px; padding-right: 20px; padding: 5px 5px 5px 0; }
.form-layout input[type=file]{height: 2.5em;padding: 0.05em;line-height: 2.5em;}
.form-layout input[type="text"].setBlock, 
.form-layout input[type="email"].setBlock,
.form-layout input[type="tel"].setBlock,
.form-layout input[type="password"].setBlock{width:220px;/* margin-bottom: 5px; */}
.form-layout .button{vertical-align: middle;}
.form-layout .button.small{height: 2.5em !important;margin-bottom: 0 !important;line-height: 2.5em !important;font-size: 0.95em;padding: 0 0.5em;}
.form-layout .txt_sm{line-height: 1.3em;display: inline-block;margin: 0 0 0 5px; color:#444;}
.form-layout select{ }
.form-layout .full	{ width: 100%; box-sizing:border-box; overflow: hidden;}
.form-layout .half	{ width: 50%; }





.form-layout .help		{ color: #f79520; margin-bottom: 15px; }
.form-layout .num { width: 30.5%;}
.form-layout .num + em{ display:inline-block; width:2%; text-align:center;}
.form-layout #cd_zip + .button { margin-left:5px;}

.form-layout dl{width: 100%;display: block;/* overflow: hidden; */}
.form-layout dl dt{/* display: block; */font-weight: 500;margin-bottom: 10px;}
.form-layout dl dd{/* display: block; *//* overflow: hidden; */}
.form-layout dl input {color: #333;letter-spacing: -0.3px;position: relative;width: 100%;}
.form-layout dl label .txt{ text-align: right; float: right;}
.form-layout dl .col2 label{width: 50%; float: left; padding: 0; margin-right: 10px;}

.form-layout .email_input{ width:30.5%;}
.form-layout .email_input + select{ margin-bottom: 0 !important;}
.form-layout .email_td2 .email_input{ width:46%; margin-bottom: 5px;}
.form-layout .email_td2 .email_input + select{}

.form-layout .box{padding: 5px 0;  border: 1px solid #ddd; border-width: 1px 0; overflow: hidden;} 
.form-layout .box span{display: block; float:left; margin-right: 15px;}
.form-layout .box span:last-child{margin-right: 0;}
.form-layout .box input{height: 23px;}

.form-layout .radioBox{padding: 0;  border: 1px solid #ddd; border-width: 1px 0; overflow: hidden;}
.form-layout .radioBox span{ display: block; float:left;  margin-right: 15px;}
.form-layout .radioBox span:last-child{margin-right: 0;}
.form-layout .radioBox label{ font-size:1em; font-weight: 300;}
.form-layout .radioBox input{ height: 33px;}

.form-layout .check{}
.form-layout .check li{ width:50%; float:left; border:1px solid #ddd; padding:0 20px; border-radius: 5px;}
.form-layout .check input[type="radio"]{ margin-right:10px;}

table.form .checkbox { overflow:hidden; padding: 0.5em 1.5em;}
table.form .checkbox input[type="checkbox"],
table.form .checkbox label{ padding: 5px 5px 5px 0; }
table.form .checkbox span{display:block;float:left;overflow:hidden;min-width:140px;margin: 2px 0; line-height: 1.6em;}
table.form .checkbox span.full{ width:100% !important; float:none;}
table.form .checkbox.cols2 span{width: 49%;}
table.form .checkbox.cols2 span:nth-child(even){ float:right; padding-left:10px;}
table.form .checkbox.cols3 span{ width:33.3%;}
table.form .checkbox.cols3 span.cols2{width:66.6%; margin: 2px 0 2px 10px;}
table.form .checkbox.cols4 span{ width:25%;}
table.form .checkbox.cols5 span{width: 20%;min-width: inherit;}
table.form .checkbox em{display:inline-block;}


@media only screen and (max-width: 1080px){
	.form-layout .email_td2 .email_input,
	.form-layout .email_td2 .email_input + select{ width:100%; }
	
	table.form .checkbox span{ width: auto; min-width:80px;}
    table.form .checkbox.cols2 span,
    table.form .checkbox.cols3 span,
    table.form .checkbox.cols4 span,
    table.form .checkbox.cols5 span{width: 50%; padding-left:0 !important; /* line-height: 2em; */}
    table.form .checkbox.cols3 span.cols2{min-width:inherit; width:auto;}
	table.form .checkbox input[type="checkbox"], table.form .checkbox label{ padding:0}
}
@media only screen and (max-width: 768px){

	.form-layout{border-radius:5px 5px 0 0 }
	table.form,
	table.form thead,
	table.form tbody,
	table.form tr,
	table.form th,
	table.form td		{ display: block; position: relative; }
	
	table.form			{/* border-top: none; */}
	table.form tr		{overflow: hidden;border: 1px solid #e6e6e6;margin-bottom: 5px;border-radius: 5px;}
	table.form th		{text-align: left;padding: 0.7em;border-bottom: 1px dotted #e1e1e1;height: auto;}
	table.form td		{ padding: 0.7em; border-right:0;height: auto;border-bottom: 0; overflow: hidden;}
	table.form tr:first-child th:first-child{ margin-top:0;}
	table.form em{ display: inline}
	table.form td + th{ border-top:1px solid #e1e1e1;}	
	table.form tr.mbList_01{margin-bottom: 0; border-radius: 6px 6px 0 0; border-bottom:0;}
	table.form tr.mbList_02{ border-top:1px dotted #e1e1e1; border-radius: 0px 0 6px 6px;}
	
	.form-layout>div,
	.form-layout .col2 li{ width:100%; float:none;}
	.form-layout > li{padding-left: 10px }
	.form-layout label {position: inherit !important; left:inherit !important; top:inherit !important; line-height: 20px !important;}
	.form-layout input[type="text"].setBlock, 
	.form-layout input[type="email"].setBlock,
	.form-layout input[type="tel"].setBlock,
	.form-layout input[type="password"].setBlock,
	.form-layout select {width:100%;margin-bottom: 5px;}	
    .form-layout .w_split{width: calc(100% - 70px) !important;}
	.form-layout .w_split2{width: calc(100% - 100px) !important;}
	.form-layout .button.small{float:right;}
	.form-layout .txt_sm{clear:both;margin: 0;}
	
	.form-layout .email_input{ width:48% !important; margin-bottom: 5px;}
	.form-layout .email_input + .email_input{float: right !important;}	
	.form-layout .email_input + select{width: calc(100% - 70px) !important;}

	.form-layout #cd_zip { width:60% !important;}
	.form-layout #cd_zip +.button { width:30% !important;}
	
	table.form .checkbox{  padding:0.7em; }
	table.form .checkbox.cols2 span,
	table.form .checkbox.cols3 span,
	table.form .checkbox.cols4 span,
	table.form .checkbox.cols5 span	{width:100%; float:none;}
	
	#certTxt{line-height:1.4em; display: inline-block;}
}
@media only screen and (max-width: 480px) {
	.form-layout .email_input{ width:46% !important;}
	
}


/* state_ico */
.success_ico span{ color:#22b239; }
.success_ico span:before{ content:''; display:inline-block; vertical-align:middle; width:15px; height:15px; margin:-3px 4px 0 0; background:url('../images/board/ico_state_ok.png') no-repeat 0 0; }
.fail_ico span{ color:#e11918;}
.fail_ico span:before{ content:''; display:inline-block; vertical-align:middle; width:15px; height:15px; margin:-3px 4px 0 0; background:url('../images/board/ico_state_non.png') no-repeat 0 0; }
.ready_ico span{color:#777;}
.ready_ico span:before{ content:''; display:inline-block; vertical-align:middle; width:15px; height:15px; margin:-3px 4px 0 0; background:url('../images/board/ico_state_stay.png') no-repeat 0 0;}


/* fileUpload  fileUploadDone */
.fileUpload{position:relative;overflow: hidden;padding-bottom: 10px;}
.fileUpload .input{width: 96%;max-width: inherit;}
.fileUpload button,
.form-layout .fileUpload .button.small{margin-bottom: 3px !important;float:left !important; padding: 0.0.8em !important; line-height: 2.3em !important;  height: 2.3em !important;}
.fileUpload .files_wrap,
.fileUploadDone .files_wrap{ overflow: hidden;border: 1px solid #ddd;padding: 3px;border-radius: 3px;background: #fafafa;width: 100%;display: none;margin-top: 5px;}
.fileUpload .files_wrap span{position:relative;display: block;float: left; cursor: pointer;}
.fileUpload .files_wrap span:after{content:'';display:block;width:18px;height:18px;position:absolute;right:-4px;top:-4px;background: #fff url('../images/board/file_view_close.png') no-repeat 50% 50%;border:1px solid #ddd;border-radius:50px;z-index: 2;}
.fileUpload .files_wrap img{max-width:150px;}
.fileUpload .files_wrap span.filedel{height:auto;padding: 3px;margin: 0;}
.fileUpload .files_wrap span.filedel:after{right: 0px;top: 0;}

.fileUpload .files_wrap .filedel,
.fileUploadDone .files_wrap .upfiledel{margin: 1px 10px 1px 3px !important;height: 25px;font-size: 13px;line-height: 25px;padding: 0 22px 0 0px;position: relative;overflow: hidden;}
.fileUpload .files_wrap .filedel:after,
.fileUploadDone .files_wrap .upfiledel:after{content:'';display:block;width: 15px;height: 15px;position:absolute;right: 0;top: 5px;background: #fff url('../images/board/file_view_close.png') no-repeat 50% 50%;border:1px solid #ddd;border-radius:50px;z-index: 2;}
.fileUpload .files_wrap .filedel:hover,
.fileUpload .files_wrap .filedel:focus,
.fileUpload .files_wrap .filedel:active,
.fileUploadDone .files_wrap .upfiledel:hover,
.fileUploadDone .files_wrap .upfiledel:focus,
.fileUploadDone .files_wrap .upfiledel:active{ text-decoration:underline;}
.fileUpload .fileup{margin-left: 3px;}

.fileUploadDone{overflow: hidden; position:relative; padding-top:10px; border-top: 1px dotted #ddd; }
.fileUploadDone .success_ico{display: block;height:22px;padding: 0 0 0 25px; position:relative;}
.fileUploadDone .success_ico:before{content:'';display:block;position:absolute;left:0;top: 5px;width: 18px;height: 18px;background: #1f2f82 url(../images/board/check_pic4.png) no-repeat -2px 50%;border-radius: 50%;}
.fileUploadDone .success_ico span{font-size:0.95em;color: #1f2f82;}
.fileUploadDone .success_ico span:before{ display:none;}
.fileUploadDone .files_wrap .upfiledel{ color: #1f2f91;}
.fileUploadDone .files_wrap a{position:relative;display: block;float: left; cursor: pointer; padding: 3px;}
.fileUploadDone .files_wrap img{ max-width:150px;}

@media only screen and (max-width:480px) {
	.fileUpload .files_wrap span,
	.fileUploadDone .files_wrap a{width:49%;padding: 1%;}
	.fileUpload .files_wrap span:nth-child(even),
	.fileUploadDone .files_wrap a:nth-child(even){float:right;}
	.fileUpload .files_wrap img,
	.fileUploadDone .files_wrap img{ width:100%; max-width:inherit; margin:0;}
	.fileUpload .files_wrap span:after{ top:3px; right:3px;}	
}

.agree {margin: 12px 0 45px 0;}
.agree input[type="checkbox"] {width: 17px;height: 17px;background-color: #FFFFFF;border: 1px solid #D6D6D6;cursor: pointer;transition: .3s ease-in-out;margin: -3px 4px 0 0;}
.agree input[type="checkbox"]:checked {background-color: #005DA2;border: none;}
.agree label a{font-size: 15px;}
.agree {clear: both; margin: 30px 0 60px 0; overflow: hidden; text-align: center;}
.agree  p{display: inline-block; margin-right: 20px;}
.agree  p + div{ display: inline-block;}
.agree input[type="checkbox"] {width: 17px;height: 17px;background-color: #FFFFFF;border: 1px solid #D6D6D6;cursor: pointer;transition: .3s ease-in-out;margin: -3px 4px 0 0;}
.agree input[type="checkbox"]:checked {background-color: #005DA2;border: none;}
.agree label { margin-right:15px;}
.agree label:last-child { margin-right:0px;}

.scrBox {padding: 0;height: 300px;border: 1px solid #bfc8ce;box-sizing:border-box; }
.scrBox > div {height: 100%;overflow-y:scroll;padding: 1.5em;}
.scrBox > div p{ font-size:1em;}

.checkBox{padding:1em 0;background: #fbfbfb;border: 1px solid #e6e6e6;border-width: 1px 0;text-align: right;/* border-radius: 10px; */padding: 20px;}
.checkBox p{text-align:left;}
.checkBox.tC p{ text-align:center;}
.checkBox label{padding: 0 20px 0 5px;}
.checkBox label:last-child{ padding-right:0;}
.checkBox .fw_700 label{ font-weight: 700;}

/* checkbox */
.check_all { font-size:1.1em; position: relative; margin: 1em 0 3em 0;  overflow: hidden; }
.check_all p{ float:left; padding: 0 200px 13px 0; font-weight: 500;}

/* agreeBox */
.agreeBox{background: #fbfbfb;padding: 25px;overflow: hidden;/* border: 1px solid #dfdfdf; */ max-height:250px; overflow-y:auto; margin-bottom:10px; border-radius: 10px;/* font-size: 0.95em; */}
.agreeBox > div{border:0; padding: 0;background:none;}
.agreeBox h5:first-child{ margin-top: 0;}
.agreeBox h5 {margin:25px 0 13px 0;font-size:1.2em;color:#333;line-height: 1.1em; font-weight: 400;}
.agreeBox h5 + h6{/* margin-top: 0 !important; */}
.agreeBox h6 {margin:15px 0 10px 0;font-size:1.1em;line-height: 1.1em;color:#555; font-weight: 400;}
.agreeBox p { margin-bottom:5px;}
.agreeBox + .checkBox{ margin-top: -10px;background: none;border: none;padding: 1em 0;}
.agreeBox .list01>li:before, .agreeBox .list_p:before{top: 10px;}
.agreeBox .list_box{ border-color:#ccc;}
@media only screen and (max-width :768px) {
	.agreeBox{/*background:#fff;*/padding: 15px;}
	.agreeBox .list01>li:before, .agreeBox .list_p:before{ top:8px;}
	
	.checkBox p br{display: none;}
}


/* policy */
.policy{width: 100%;padding: 2em;height: 100%;border:1px solid #e1e1e1;background-color: #FCFCFC;}
.policy h5:first-child{margin-top: 0;}
.policy h5{  font-weight: 500; margin: 25px 0 10px; font-size: 1.25em; text-align: left;}
.policy h6{ font-size:1.05em; color:#333; margin-top: 1.2rem; font-weight: 500;}
.policy-area{margin-top: 20px;}
.policy-box{width: 100%; padding: 15px 30px;height: 180px; overflow-y: scroll; border:1px solid #e1e1e1; background-color: #FCFCFC;}
.policy-area strong{font-size:1.25em; font-weight: 500; margin: 35px 0 20px 0; display: block; color:#222;} 
.policy .dl-list{ padding:5px 0}
.policy .dl-list dt{ margin-bottom:10px; position:relative; padding-left:10px; color:#444; font-weight:500; font-size:1.05em;}
.policy .dl-list dt:before{ content:''; display:block; width:4px; height:4px; background:#444; position:absolute; left:0; top:0.6em;}
.policy .dl-list dd{margin-bottom:5px;position:relative; padding-left:10px; color:#666}
.policy .number-list > li{padding-left: 1.200rem;}
.policy li{position: relative;margin-bottom: 0.5rem;color: #464646;/* line-height: 1.7; */}
.policy .number-list > li:nth-child(1)::before {content: "1.";}
.policy .number-list > li:nth-child(2)::before {content: "2.";}
.policy .number-list > li:nth-child(3)::before {content: "3.";}
.policy .number-list > li:nth-child(4)::before {content: "4.";}
.policy .number-list > li::before, .policy .circle-list > li::before, .policy .kr-list > li::before, .policy .brace-list > li::before, .policy .line-list > li::before {content: "";position: absolute;top: 0;left: 0;line-height: 1.5;}
.policy li > ul, .policy li > ol {margin-bottom: 1rem;margin-top: 0.3rem;}
.policy li > ul li, .policy li > ol li {margin-bottom: 0.3rem;}
.policy ul, .policy ol, .policy p {margin-top: 0.8rem;}
.policy p + ul{ margin-top:0.4rem;}
.policy .table {margin: 0.8rem 0; border: 1px solid #d9d9d9;border-width: 1px 1px 0 1px;}
.policy .table th {background-color: #fafafa; border-right: 1px solid #d9d9d9;}
.policy .table th, .policy .table td {border-bottom: 1px solid #d9d9d9;text-align: left;padding: 0.5rem 0.8rem;}
.policy p, .policy th, .policy td, .policy li, .policy .content a, .policy dt, .policy dd {color: #464646;/* line-height: 1.7; *//*font-size: 0.95em;*/}
.policy .line-list > li {padding-left: 0.8rem;}
.policy .line-list > li::before {content: "-";}
.policy .kr-list > li:nth-child(1)::before {content: "가.";}
.policy .kr-list > li:nth-child(2)::before {content: "나.";}
.policy .kr-list > li:nth-child(3)::before {content: "다.";}
.policy .kr-list > li:nth-child(4)::before {content: "라.";}
.policy .circle-list > li, .policy .kr-list > li, .policy .brace-list > li {    padding-left: 1.5rem;}
.policy .circle-list > li:nth-child(1)::before {content: "①";}
.policy .circle-list > li:nth-child(2)::before {content: "②";}
.policy .circle-list > li:nth-child(3)::before { content: "③";}
.policy .brace-list > li:nth-child(1)::before { content: "⑴";}
.policy .brace-list > li:nth-child(2)::before { content: "⑵";}
.policy .brace-list > li:nth-child(3)::before { content: "⑶";}
.policy .brace-list > li:nth-child(4)::before { content: "⑷";}

.policy .dl-list dd .checkBox{padding: 10px 20px;border: 1px solid #fe7801;border-radius: 5px;background: #fffbf9;margin-top: 10px;font-size: 0.95em;overflow: hidden;}
.policy .dl-list dd .checkBox p{text-align:left;display: inline-block;float: left;margin: 0 !important;vertical-align: top; font-weight:500;}

@media all and (max-width:1000px){
    .contact-contents .layout .sub-contents-wrap { width: 100%;margin-top: 50px;}
}
@media all and (max-width:768px){
    .contact-contents .layout .sub-title-wrap p{font-size: 15px;}
    .contact-contents .layout .sub-contents-wrap {margin-top: 30px;}
	
	.policy{ padding: 1.5em;}
	.policy .dl-list dd .checkBox p{width: calc(100% - 50%);}
}
@media all and (max-width:640px){
	.policy .dl-list dd .checkBox{text-align:center;}
	.policy .dl-list dd .checkBox p{width: 100%;display: block;text-align:center;margin-bottom: 5px !important;float: none;}
	.policy .dl-list dd .checkBox label{width: calc(100% - 75%);  }
	.policy .dl-list dd .checkBox input[type="radio"]{ }
	.policy .dl-list dd .checkBox label + input[type="radio"] { }
}

/* Board : Write */
.boardWrite {width:100%;margin-top:10px;border-top: 2px solid #222;border-bottom: 1px solid #777;}
.boardWrite thead th {padding: 1.25em 0.5em;border-right: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;background: #fbf9f8;color: #222;font-weight: 500;line-height: 1.3;text-align: center;}
.boardWrite thead th:last-child{ border-right:0}
.boardWrite th, .boardWrite td {padding: 1em;border-top: 1px solid #e6e6e6;position: relative;/* line-height: 2.5em; */}
.boardWrite td{ border-left:1px solid #e6e6e6;}
.boardWrite tr.tr_bd{border-bottom:2px solid #333;}

.boardWrite td.edit { padding-left:0; padding-right:0; border-left:0;}
.boardWrite tr:first-child th, .boardWrite tr:first-child td { border-top:none}
.boardWrite th {background: #fbf9f8;color:#222;text-align: left;}
.boardWrite col:first-child { width:20%;}
.boardWrite col + col { width:auto;}
.boardWrite input[type="text"], 
/*.boardWrite input[type="email"],*/
.boardWrite select {width:100%;box-sizing:border-box;height: 2.5em;text-indent:5px;}
.boardWrite input[type="tel"] { _width:150px;}
.boardWrite .setBlock { display:inline-block; white-space:nowrap; }
.boardWrite input[type="text"].setBlock, 
/*.boardWrite input[type="email"].setBlock,*/
.boardWrite input[type="tel"].setBlock,
.boardWrite input[type="password"].setBlock,
.boardWrite select {width:220px;height: 2.5em;}
.boardWrite textarea/*,
.boardWrite input[type="email"]*/ { width:100%; box-sizing:border-box;}
.boardWrite input[type="file"] {display:block;width:100%;box-sizing:border-box;height: 2.5em;padding: 0.05em;line-height: 2.5em;margin-bottom:5px;}
.boardWrite .listStyle { margin-top:10px}
.boardWrite .arrowBl { display:block; }
.boardWrite input.half{ width:50%;}

.timepicker_box{}
.timepicker_box label{font-size:0;}
.boardWrite .button.small{padding: 0 0.8em;}
.boardWrite .txt_sm{line-height: 1.3em;display: inline-block;margin: 0 0 0 5px;}

.boardWrite .email_input{ width:30.5%; height: 2.5em;}
.boardWrite .email_input + select{ margin-bottom: 0 !important;}
.boardWrite .email_td2 .email_input{ width:46%; margin-bottom: 5px;}
.boardWrite .email_td2 .email_input + select{}


/* 자동입력방지 */
.boardWrite .autostop{float:left; width:80px; height:50px;}
.required{ font-weight:normal; color:#f5534b; display:inline-block; margin-left:5px}

@media only screen and (max-width: 1080px){
	.boardWrite .email_td2 .email_input,
	.boardWrite .email_td2 .email_input + select{ width:100%; }
}

@media only screen and (max-width :768px ){	
	/* Board : Write */
	.boardWrite th,
	.boardWrite td{ padding: 0.8em 0.5em;}
	.boardWrite input[type="text"].setBlock, 
	.boardWrite input[type="email"].setBlock,
	.boardWrite input[type="tel"].setBlock,
	.boardWrite input[type="password"].setBlock,
	.boardWrite select { width:100%; }
    .boardWrite .w_split{width: calc(100% - 70px) !important;}
	.boardWrite .w_split2{width: calc(100% - 100px) !important;}
	.boardWrite .button.small{float:right;}
	.boardWrite .txt_sm{ margin-top:5px; clear:both;}
	
	.boardWrite input.half{ width:100%;}
	
	.boardWrite .email_input{ width:47% !important; margin-bottom: 5px;}
	.boardWrite .email_input + .email_input{float: right !important;}	
	.boardWrite .email_input + select{width: calc(100% - 70px) !important;}
}
@media only screen and (max-width: 480px) {
	.boardWrite .email_input{ width:45% !important;}
}

/* captcha */
.captchaWrap { position:relative; overflow:hidden; vertical-align:bottom;}
.captchaWrap a{ display:inline-block;}
.captchaWrap img { border:0; height:2.05em}
.captchaWrap #captcha_image,
.captchaWrap #captcha_image_audio_controls,
.captchaWrap a.btnRefresh,
.captchaWrap .inputBtn,
.captchaWrap #captcha_code.inputText,
.captchaWrap #captcha_image_audio_div,
.captchaWrap .txtGuide {display:inline-block; margin-right:3px; }
.captchaWrap #captcha_code.inputText{ border:1px solid #d2d2d2; height:3em; line-height:3em; padding:0 5px;  }
.captchaWrap #captcha_image {  margin-top:0px }
.captchaWrap .txtGuide{ font-size:0.85em; color:#666; line-height:35px; padding-left:10px}

/* list */
.list_a{clear:both;}
.list_a:after {content: ''; display: block; clear: both;}
.list_a > li {position: relative;margin-bottom: 2px;padding-left: 8px;float: left;width: 33.33%;}
.list_a > li:before {content: ''; position: absolute; top: 8px; left: 0; width: 3px; height: 3px; background: #666}
.list_a > li:last-child {margin-bottom: 0}
.list_b > li {position: relative; padding-left: 7px}
.list_b > li:before {content: ''; position: absolute; top: 9px; left: 0; width: 3px; height: 1px; background: #666}
.list_b > li:last-child {margin-bottom: 0}
.list_c > li {position: relative; padding-left: 7px}
.list_c > li:before {content: ''; position: absolute; top: 9px; left: 0; width: 2px; height: 2px; background: #666}
.list_c > li:last-child {margin-bottom: 0}
@media only screen and (max-width: 1080px) {	
	.list_a > li{width:50%}
}
@media only screen and (max-width: 768px) {
	.list_a > li{/* width:100%; */}
}

/* 포토게시판 */
.board-imgTxt{box-sizing:border-box;width:100%;/* overflow:hidden; */margin-top: -10px;}
.board-imgTxt > ul{/* font-size:0; */}
.board-imgTxt > ul > li{display: block;float: left;/* overflow:hidden; */width: 31%;margin: 1em 1.75%;position:relative;text-align:center;vertical-align:top;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;font-size: 16px;}
.board-imgTxt > ul > li > a,
.board-imgTxt > ul > li > div{display:block;width:100%;height:100%;}
.board-imgTxt > ul > li p{ display:block; width:100%; box-sizing:border-box; margin-bottom: 0 !important;}
.board-imgTxt > ul > li .ImgBox{width: 100%;height: 0;padding-bottom: 45%;padding-top: 21.2%;overflow:hidden;background: #f4f5f9 url(../images/board/noImg_logo.png) center center no-repeat;margin-bottom:0;position:relative;border: 1px solid #e5e7ee;}
.board-imgTxt > ul > li .ImgBox img {position: absolute;z-index: 0;min-height: 180px;left: 50%;top: 50%;max-width: 100%;max-height: 100%;-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.board-imgTxt > ul > li .txtBox{padding: 15px 0px 5px 0px; }
.board-imgTxt > ul > li .txtBox .Title{ padding: 0 0 5px 0px; font-size: 1.063rem; font-weight: bolder; font-style: normal; line-height: 1.375; color: #222; }
.board-imgTxt > ul > li .Title{padding: 15px 0 5px 0px;font-size: 1.125em;font-weight: 500;color: #333;display:block;margin:0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.board-imgTxt > ul > li .Title img{margin-left:5px; vertical-align:middle;}
.board-imgTxt > ul > li .info{display: block;}
.board-imgTxt > ul > li .info em{font-size:0.9em;margin-right: 6px;padding-right: 8px;position:relative;display: inline-block;vertical-align: middle;line-height: 1em; color:#767676;}
.board-imgTxt > ul > li .info em:after{content:'';display:block;position:absolute;right:0;top: 2px;width:1px;height:12px;background:#ddd;}
.board-imgTxt > ul > li .info em:last-child:after{display:none;}
.board-imgTxt > ul > li:nth-child(3n+1){ margin-left:0}
.board-imgTxt > ul > li:nth-child(3n+3){margin-right:0;}
.board-imgTxt > ul > li a:hover,
.board-imgTxt > ul > li a:active,
.board-imgTxt > ul > li a:focus{text-decoration: none;}
.board-imgTxt > ul > li a:hover .Title{color: #111;}
.board-imgTxt > ul > li a:hover .txt{ color:#222;}
.board-imgTxt > ul > li .ImgBox:before {content:'';display:block;position:absolute;top:0;left:0;background:rgba(0,0,0,0.4) url('../images/board/ico_ovmore.png') no-repeat 50% 50%;width:100%;height:100%; z-index:1; opacity:0;filter:Alpha(opacity=0);transition: 0.4s all ease;-webkit-transition: 0.4s all ease;-moz-transition: 0.4s all ease;-ms-transition: 0.4s all ease;-o-transition: 0.4s all ease;}
.board-imgTxt > ul > li:hover .ImgBox:before {opacity:1;filter:Alpha(opacity=100);}

/* 블로그형 */
.board-blog {padding: 20px 0;overflow: hidden; margin: 0 !important;}
.board-blog > ul > li{display: block;width: 100%; margin: -1px 0 0 0 !important; text-align: left;}
.board-blog > ul > li > a{padding: 20px 0;border:1px solid #ddd;border-width: 1px 0;overflow: hidden;}
.board-blog > ul > li div,
.board-blog > ul > li p {width: auto;}
.board-blog > ul > li .ImgBox{overflow: hidden;width: 165px;height: 165px;padding: 0;margin-right: 1.25rem;float: left;position: relative;text-align: center;background:#fff;}
.board-blog > ul > li .ImgBox img{min-height: inherit;top: 0;left: 0;width: 100%;max-height: inherit;-ms-transform: translate(0,0);transform: translate(0,0);}
.board-blog > ul > li .txtBox{padding: 0 !important;}
.board-blog > ul > li .Title{padding-top:0;font-size: 1.1em;font-weight: 500;line-height: 1.4em;}
.board-blog > ul > li .info{margin-top:10px;}
.board-blog > ul > li p{text-align:left;}

/* ebook pdf */
.board-ebook{margin-top:0;}
.board-ebook > ul > li{width: 17.5%;}
.board-ebook > ul > li,
.board-ebook > ul > li:nth-child(4n+1),
.board-ebook > ul > li:nth-child(4n+4){margin: 0 1.5% 40px 1.5%;}
.board-ebook > ul > li:nth-child(5n+1){margin-left: 0;}
.board-ebook > ul > li:nth-child(5n+5){margin-right: 0;}
.board-ebook > ul > li p.ImgBox{padding: 65% 0 65% 0; border-radius: 0;border: 1px solid #ddd;}
.board-ebook > ul > li:hover .ImgBox:before{display: none;}
.board-ebook > ul > li > div,
.board-ebook > ul > li > a{border:none;}
.board-ebook > ul > li .Title{font-size: 1.05em;line-height: 1.4em;white-space: inherit;text-overflow: inherit;padding: 15px 0 0 0; min-height: 70px;}
.board-ebook > ul > li p.ImgBox{box-shadow: 3px 3px 7px rgba(0,0,0,0.15);}

/* 동영상 */
.board-mvBox > ul > li:hover .ImgBox:before{background:rgba(0,0,0,0.4) url('../images/board/ico_ovmore02.png') no-repeat 50% 50%;}

/* .board-sns */
.board-sns > ul > li .ImgBox{padding-bottom: 0;padding-top: 99.465%;}
.board-sns > ul > li .ImgBox img{left:0;top:0;width:100%;height: auto !important;max-height: inherit;-ms-transform: translate(0, 0);transform: translate(0, 0);}

/* 신청 */
.board-edu { overflow: hidden;margin: 0 !important;border-top: 1px solid #777;}
.board-edu > ul > li{display: block;width: 100% !important;margin: -1px 0 0 0 !important;text-align: left;border: 1px solid #ddd;border-width: 1px 0;padding: 25px 0;overflow: hidden;}
.board-edu > ul > li > a{ display:block; }
.board-edu > ul > li div,
.board-edu > ul > li p {width: auto;}
.board-edu > ul > li .ImgBox{overflow: hidden;width: 200px;height: 130px;float: left;position: relative;text-align: center;background:#fff;/* border-radius: 8px; */z-index: 0;}
.board-edu > ul > li .ImgBox img{position: absolute;top: 50%;left: 50%;max-width: 100%;max-height: 100%;-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);min-height: 130px;}
.board-edu > ul > li .ImgBox:before{ display: none;}
.board-edu > ul > li .text-wrap{float:left;width: calc(100% - 200px);padding-left: 1.5em;z-index: 2;}
.board-edu > ul > li .txtBox{padding: 0 !important;}
.board-edu > ul > li .Title{padding-top:0;padding-right: 65px;font-size: 1.1em;font-weight: 500;line-height: 1.4em;}
.board-edu > ul > li .Title strong{font-weight:500;margin-right:30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.board-edu > ul > li .Title strong span{ color:#e94e1f; font-weight: 500; font-size:0.95em; margin-right: 5px;}
.board-edu > ul > li .info{margin-top:10px;}
.board-edu > ul > li p{text-align:left;}
.board-edu > ul > li:last-child {margin-bottom: 0  !important;}
.board-edu .list_a{margin-top: 15px;padding-top: 15px;border-top: 1px dashed #d9d9d9;font-size: 0.95em;}
.board-edu .status {position: absolute;top: 27px;right: 0;height: 24px;width: 62px;font-size: 13px;color: #fff;line-height: 24px;border-radius: 3px;text-align: center;background: #ddd;}
.board-edu .status01 {background: #f7941e;}
.board-edu .status02 {background: #ff7e00;}
.board-edu .status03 {background: #999;}
.board-edu .Title {margin-top: 10px; margin-bottom: 13px; position:relative;}
.board-edu .tit strong {display: block; margin-bottom: 4px; font-size: 15px; font-weight: 400; color: #333}
.board-edu .Title .num {/* position: static; */display: inline-block;font-weight: 400;color: #2d4059;font-size: 0.95em;}
.board-edu .Title .num:after{content:'/'; display:inline-block; padding:0 5px;}
.board-edu .Title .sub_tit {display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;font-weight: 300;font-size: 0.95em;}

/* support_top */
.support_top .board-edu > ul > li .ImgBox{width:310px;height: 200px; }
.support_top .board-edu > ul > li .ImgBox img{ min-height:200px;}
.support_top .board-edu > ul > li .text-wrap{ width:calc(100% - 310px);}
.support_top .board-edu > ul > li .Title{font-size:1.25em;}
.support_top .board-edu > ul > li .Title strong{display:block;margin: 0 0 3px 0;/* text-overflow: inherit; */white-space: normal;}
.support_top .board-edu .Title .sub_tit{white-space: normal;text-overflow: inherit;display: inline;line-height: 1.25em;}
.support_top .board-edu .Title .num{ line-height:1.25em; position: relative; right: inherit; top:inherit;}
.support_top .board-edu .Title .num:after{display: inline-block;}
.support_top .list_a{ font-size:1em; }
.support_top .list_a > li{width:100%;}
.support_top .list_a > li:before{ top:10px;}
.support_top .board-edu > ul > li:hover .ImgBox:before{display: none;}
.edu_goal{margin-top: 15px;padding-top: 15px;border-top: 1px dashed #d9d9d9;}
.edu_goal .tit{ font-weight:500; font-size:1.05em; display: block; margin-bottom: 10px; color: #444; line-height: 1em;}
.edu_goal .list_a{ margin-top:0 !important; padding-top:0 !important; border:0;}

.btn_sample_video {display: block;width: 95px;padding-left: 15px;height: 25px;font-size: 13px;color: #fff !important;line-height: 25px;background-color: #ff7e00;border-width: 0 1px 1px 0;background-image: url(../images/board/icon_sample_video.png);background-size: 11px;background-repeat: no-repeat;background-position: 9px 50%;border-radius: 0 0px 5px 0;box-sizing: border-box;position: absolute;z-index: 2;box-shadow: 0 1px 1px 1px rgb(0, 0, 0, 0.2);}

@media only screen and (max-width: 1080px) {
	.board-imgTxt > ul > li{font-size:15px;/* width: 32%; */}	
	.board-imgTxt > ul > li:nth-child(4n+1),
	.board-imgTxt > ul > li:nth-child(4n+4){margin: 1em 1.75%;}
	.board-imgTxt > ul > li:nth-child(3n+1){ margin-left:0;}
	.board-imgTxt > ul > li:nth-child(3n+3){margin-right:0;}
	.board-imgTxt > ul > li .txtBox .Title{/* padding:0 0 10px 0px !important; */}

	.board-blog{padding:15px 0;}
	.board-blog > ul > li{width:100% !important;float:none; margin: -1px 0 0 0 !important;  }
	.board-blog > ul > li a{padding:15px 0;}
	.board-blog > ul > li p.ImgBox{width: 135px;height: 135px;margin-right: 1rem;}	
	.board-blog > ul > li .ImgBox img{/* height: 100%; *//* min-height: inherit; *//* width: auto; */}	
	.board-blog > ul > li .Title{ width:auto !important;}
	.board-blog > ul > li .info{margin-top:5px;}

	/* 신청 */
	.board-edu > ul > li .ImgBox{/* padding: 35px 0 11% 0; */}
}

@media only screen and (max-width :768px ){		
	/* 포토게시판 */
	.board-imgTxt { margin-top:20px;}
	.board-imgTxt > ul > li{font-size:14px; display:block; float:left; margin:0 0 20px 0 !important; width:48% !important;}
    .board-imgTxt > ul > li div img { width:100%; height:auto; }
	.board-imgTxt > ul > li .Title{padding: 10px 0 5px 15px !important;min-height: inherit;font-size:1.1em !important;}
	.board-imgTxt > ul > li .txtBox .Title img {width:auto;}
	.board-imgTxt > ul > li,
	.board-imgTxt > ul > li:nth-child(3n+3){ display:block; float:left; margin:0 3% 20px 0; width:31.3%;}
	.board-imgTxt > ul > li:nth-child(3n+3){ margin-right:0;}		
	.board-imgTxt > ul > li:nth-child(2n+2){ float:right;}
	.board-imgTxt > ul > li .txtBox{/* padding:15px 10px; */}
	.board-imgTxt > ul > li .txtBox .Title{padding: 0 0 5px 0px !important;}	
	.board-imgTxt > ul > li p.ImgBox{min-width:inherit; height: 100%;}	
	.board-imgTxt > ul > li .ImgBox img{min-height:inherit; height:100%;}
	
	/* 블로그형 */
	.board-blog{padding:15px 0;}
	.board-blog > ul > li{width:100% !important;float:none; margin: -1px 0 0 0 !important;  }
	.board-blog > ul > li a{padding:15px 0;}
	.board-blog > ul > li p.ImgBox{width: 110px;height: 110px;margin-right: 1rem;}	
	.board-blog > ul > li .ImgBox img{height: auto;/* min-height: inherit; *//* width: auto; */}	
	.board-blog > ul > li .Title{width:auto !important;padding: 5px 0 !important;}
	.board-blog > ul > li .info{margin-top:5px;}

	/* 신청 */
	.board-edu > ul > li{margin: 0 0 10px 0 !important; float:none; width:100% !important;}
	.board-edu > ul > li{padding: 1em;border-width: 1px;}
	.board-edu > ul > li .ImgBox{width: 132px !important;height: 90px !important;border: 1px solid #ddd;border-radius: 0;}
	.board-edu > ul > li .ImgBox img{height:100% !important;min-height: inherit !important;width: auto;}
	.board-edu > ul > li .text-wrap{ width: 100% !important; float: none !important; padding:0}
	.board-edu .status{right: 1.15em;top: 1.15em;display: block;}
	.board-edu > ul > li .Title{padding: 5px 0px 0px 15px !important;}
	.board-edu > ul > li .Title strong{padding:0;display:block;margin-bottom: 3px; margin-right: 0;}	
	.board-edu > ul > li .Title strong span{display:block;margin: 0 0 10px 0;}
	.board-edu .Title .sub_tit{ display:inline;}
	.board-edu .list_a{ border:0; padding-top:5px}
	.edu_goal {border-top:0;padding-top:5px }
	.edu_goal .tit{ margin-bottom: 3px;}
}
@media only screen and (max-width :400px) {
	/* 포토게시판 */
	.board-imgTxt > ul > li{width:100% !important;float:none !important;}
	.board-imgTxt > ul > li .Title{padding: 5px 0px 0px 15px !important;}

	.board-blog > ul > li .Title{padding: 5px 0 !important;}

	.board-edu > ul > li .ImgBox{width: 100% !important;height: 195px !important;float: none;}
	.board-edu > ul > li .Title{padding: 10px 0 !important;}
	.board-edu > ul > li .Title strong span{ margin-bottom:0px;}
	.board-edu .list_a{margin:0; padding:0;}
	.board-edu .list_a li{width:100%;}
	.edu_goal {padding-top:0}
}


/* 게시판 입력 테이블*/
.board-write-tb{width:100%; border-top:2px solid  #393f46; border-bottom:1px solid #999;}
.board-write-tb th { padding:15px 0 13px 12px; background:#f7f7f7; border-top:1px solid #d9d9d9; text-align:left; vertical-align:top; color:#666; }
.board-write-tb td { padding:11px 0 9px 20px; border-top:1px solid #d9d9d9; }
.board-write-tb .inputTxt {width:95%; padding:0 5px; height:22px; border:1px solid #abadb3;}
.inputTxt.type01{width:10%;}
.inputTxt.type02{width:20%;}
.inputTxt.type03{width:30%;}
.inputTxt.type04{width:40%;}
.inputTxt.type05{width:50%;}
.board-write-tb .selectTxt {height:24px; line-height:24px; border:1px solid #abadb3; }
.board-write-tb .selectTxt.w100 { margin-right:5px; width:100px; }
.board-write-tb .textarea { width:95%; height:200px; padding:4px 5px; margin:0; border:1px solid #abadb3; }
.board-write-tb .fileWrap { position:relative; }
.board-write-tb .fileWrap .file { display:block; padding-right:93px;}
.board-write-tb .fileWrap .file input { padding:0 5px; height:25px; width:97%; border:1px solid #abadb3; }
.board-write-tb .fileWrap .fileBg { position:absolute; right:17px; top:0; display:inline-block; width:65px; height:27px; background:url(' ../images/board/btnFileSearch.gif') 0 0 no-repeat; }
.board-write-tb .fileWrap .fileBg input { filter:alpha(opacity=0); opacity:0; width:65px; height:27px; cursor:pointer;}
.board-write-tb .fileWrap + .fileWrap { margin-top:10px;}

.newData { display:inline-block; vertical-align:middle; width:11px; height:13px; margin-left:10px; font-style:normal; text-indent:-1000px; background:url(' ../images/board/icoNew.gif') 0 center no-repeat; }

.page-mobile {display:none;}
@media only screen and (max-width :768px ){
	.page-web { display:none; }
    .page-mobile { display:inline !important; }
}

/* 게시판 페이징 */
.board-paging {margin:50px 0 0;text-align:center;clear:both;/* font-size: 0; */}
.board-paging a, .board-paging a.on {display:inline-block;text-align:center;padding:0 10px;height: 40px;line-height: 40px;min-width: 40px;vertical-align:top;margin-left: -1px;box-sizing:border-box;font-size: 15px;/* border: 1px solid #dcdcdc; */}
.board-paging a.first, .board-paging a.last,
.board-paging a.prev, .board-paging a.next{width:40px; font-size:0;border-radius: 50%;}
.board-paging a.on {color: #e94e1f;text-decoration: underline;font-weight: 700 !important;}
.board-paging a:hover{/* background: #f4f5f9; */}
.board-paging a.on:hover, .board-paging a.on:focus, .board-paging a.on:active{color: #e94e1f;font-weight:normal;}
.board-paging a:hover, .board-paging a:focus, .board-paging a:active { color: #e94e1f; font-weight:500;}
.board-paging a.first, .board-paging a.last {padding:0;width: 40px;height: 40px;/* font-size: 0 !important; */border: 1px solid #dcdcdc;}
.board-paging a.first {background:url(' ../images/board/pageFirst.gif') center center no-repeat; }
.board-paging a.last {background:url(' ../images/board/pageLast.gif') center center no-repeat; }
.board-paging a.prev, .board-paging a.next {padding:0;width: 40px;height: 40px;font-size: 0 !important;border: 1px solid #dcdcdc;;}
.board-paging a.prev {background:url(' ../images/board/pagePrev.gif') center center no-repeat; margin-right:5px;}
.board-paging a.next {background:url(' ../images/board/pageNext.gif') center center no-repeat; margin-left:5px;}

.board-paging a.first:hover, .board-paging a.last:hover, .board-paging a.prev:hover, .board-paging a.next:hover{ border-color:#363c5a;}
@media only screen and (max-width :768px ){
	.board-paging{margin-top:30px;}
	.board-paging a, .board-paging a.on, 
	.board-paging a.first, .board-paging a.last,
	.board-paging a.prev, .board-paging a.next{height: 35px;line-height: 35px;min-width: 35px;/* margin: 0; */font-size: 14px;}	
	.board-paging a.first, .board-paging a.last,
	.board-paging a.prev, .board-paging a.next{width:35px;}
}
@media only screen and (max-width :480px ){
	.board-paging{margin-top:30px;}
	.board-paging a, .board-paging a.on, 
	.board-paging a.first, .board-paging a.last,
	.board-paging a.prev, .board-paging a.next{height: 27px;line-height: 27px;min-width: 27px;font-size: 13px;}	
	.board-paging a.prev, .board-paging a.next{ margin:0 2px;}

	.board-paging a.first, .board-paging a.last,
	.board-paging a.prev, .board-paging a.next{width:27px;}
}


/* faq */
.faqDetail{clear:both;overflow:hidden;/* border-top: 2px solid #33599f; */}
.faqDetail ul{color:#666; }
.faqDetail > ul > li{border: 0.01rem solid #ddd;margin-bottom: 10px;border-radius: 10px;overflow: hidden;}
.faqDetail > ul > li:first-child{/* border-top:none; */}
.faqDetail > ul > li > a {position:relative;padding: 1.5em 40px 1.5em 5em;display:block;line-height:150%;color:#222;font-size: 1.05em;border-width: 0 1px;letter-spacing:-0.03em;  font-weight: 500;}
.faqDetail > ul > li > a:after {content: "";display: block;width: 55px;height: 55px;position: absolute;right: 0;top: 8px;background: url('../images/board/arrow_faq.png')no-repeat center 1.5em;}
.faqDetail > ul > li > a:hover,
.faqDetail > ul > li > a:focus{background-color: #fefaf8; text-decoration: none;}
.faqDetail > ul > li.faq.on > a{color: #111;font-weight:500; border-bottom: 0.01rem dotted #ddd;background-color: #fff;}
.faqDetail > ul > li.faq.on{ border-color: #fcbd00;}
/*.faqDetail > ul > li.faq > a:before{content: "Q1";position:absolute;top: 1em;left: 1em;color: #e94e1f;font-size: 1.5em;font-weight: 700; }*/
.faqDetail > ul > li.faq > a .tit_q{ position:absolute;top: 1em;left: 1em;color: #e94e1f;font-size: 1.4em;font-weight: 700;letter-spacing: -0.1em;}
.faqDetail > ul > li.faq.on > a:before{ color: #e94e1f;}
.faqDetail > ul > li.faq.on > a:after { background-position: center -70px;}
.faqDetail > ul > li.faq.on div.txt_box{display:block;padding: 1.5em 35px 1.5em 5em; background-color: #fefaf8;border-bottom: 0.01rem solid #ddd;border-width: 0 0 1px 0;overflow:hidden;margin-bottom:-1px; position: relative;}
.faqDetail > ul > li.faq.on div.txt_box:before{content: "A";position:absolute;top: 0.9em;left: 1em;color: #222;font-size: 1.4em;font-weight:700;}
.faqDetail > ul > li.faq .txt_box{display:none; }
.faqDetail ul ul{border-bottom:none;}
.faqDetail > ul > li > li{border-top:none;}
.faq table{ font-size:1.05em;}

/* font 
.faqDetail > ul > li.faq > a .tit_q,
.faqDetail > ul > li.faq > a:before,
.faqDetail > ul > li.faq.on div.txt_box:before{font-family: 'Roboto', 'Noto Sans KR', 'Malgun Gothic', '맑은고딕', '돋움', sans-serif;}*/

@media only screen and (max-width :768px ){
	.faqDetail > ul > li.faq.on div.txt_box img{ width:100%; max-width:500px;}		
	.faqDetail > ul > li a {padding: 1.2em 35px 1.2em 4.2em;}
	.faqDetail > ul > li.faq > a .tit_q{top: 0.75em;left: 0.8em;}
	.faqDetail > ul > li > a:after{ width:45px; height:45px;}
	.faqDetail > ul > li.faq.on div.txt_box:before{top: 0.6em;left: 0.8em;}
	.faqDetail > ul > li.faq.on div.txt_box{padding: 1.2em 15px 1.2em 4.2em;background-size: 25px;background-position: 10px -138px;}
	.faqDetail > ul > li a:after{background-position-y: 20px;top: 6px;}
	.faqDetail > ul > li.faq.on a:after{ background-position: center -75px;}	
}

/* boardTab */
.boardTab {position:relative;padding:0;margin-bottom: 30px; background:#fbfbfb; box-shadow: 0 0 0 0px #ddd inset;}
.boardTab:after { clear:both; content: ""; display: block}
.boardTab li {float:left;width:25%;box-sizing:border-box;}
.boardTab li:last-child {padding:0px; border-left:0;}
.boardTab li a{display:block;padding:0 5px;height:45px;line-height:45px;font-size:16px;text-align:center;color: #767676;text-decoration:none;letter-spacing:-0.05em;border: 1px solid #ddd;margin:-1px 0 0 -1px;box-sizing:border-box;background: #fbfbfb; transition:background .3s, border-color .3s;}
.boardTab li a:hover,.boardTab li a:focus,.boardTab li a:active{color:#20364b; background:#fff;}
.boardTab li.on a{color: #0075be;border-top: 2px solid  #0075be;background: #fff;border-bottom:1px solid #fff; font-weight:700;}
.boardTab.cols2 li{ width:50%;}
.boardTab.cols3 li{ width:33.3%;}
.boardTab.cols3 li:nth-child(2),.boardTab.cols3 li:nth-child(5){ width:33.4%;}
.boardTab.cols4 li{width:25%;}

.boardTab.cols5 li{width:20%;}
.boardTab.cols6 li{ width:16.6%;}
.boardTab.cols6 li:first-child { width:17%;}
.boardTab.cols7 li{width: 14.2%;}
.boardTab.cols7 li:first-child {width: 14.8%;}
.tab_content { display: none; background-color: #fff;}

@media only screen and (max-width:768px){
	.boardTab.cols3 li,.boardTab.cols3 li:nth-child(2),.boardTab.cols3 li:nth-child(5),
	.boardTab.cols4 li,
	.boardTab.cols5 li,
	.boardTab.cols6 li:first-child,
	.boardTab.cols6 li{width:50%;}	
	.boardTab.cols7 li,
	.boardTab.cols7 li:first-child{ width:33.3%;}
	.boardTab li a{ font-size: 1em;}
	
	.boardTab.cols7 li,
	.boardTab.cols7 li:first-child{ width:50%;}
	.boardTab li a{ font-size: 0.94em;}	
}

.score li{ padding-left:0;}
.score li:before{ display:none;}
.score span{ display:inline-block; width:100px; font-weight:700;}
@media only screen and (max-width :768px ){
	.score span{ display:block; width:auto; }
}

/* 폼입력 테이블 :회원가입과 같이 사용  */
.tbl-form {border-top:2px solid #444;border-bottom:1px solid #bbb;width:100%;border-collapse:collapse;clear:both;table-layout:fixed;}

.tbl-form tbody{ display: inherit; width:100%; }
.tbl-form th {background:#f8f8f8;padding:14px 10px 13px 27px;font-size:1.0625em;border-top:1px solid #ccc;color:#333;text-align:left;}
.tbl-form th label {position:relative;display:inline-block;}
.tbl-form th .nec {background:url(../images/common/ico_nec.png) no-repeat 0 5px;text-indent:-9999px;display:block;width:9px;height:15px;position:absolute;top:0;right:-15px;padding:0}
.tbl-form td {border-top:1px solid #ccc;padding:14px 0 13px 25px;}
.tbl-form th.line {border-left:1px solid #000;}
.tbl-form td label {margin:0 5px;}
.tbl-form td input.text {height:38px;}
.tbl-form td pre {width:570px;font-family:Nanum Gothic;white-space:pre-line;line-height:160%;}
.tbl-form td input.text, .tbl-form td select.select, .tbl-form td button {vertical-align:middle;}
.tbl-form td input[type="radio"], .tbl-form td input[type="checkbox"] {width:15px; height: 15px; }
.tbl-form td .stit {display:inline-block;margin-right:15px;}
.tbl-form td ul li span.b.cblue1 {display:inline-block;*display:inline;*zoom:1;vertical-align:top;width:55px;}
.tbl-form .info-ex01, .tbl-form .info-ex02, .tbl-form .info-ex03 {background-position:0 0;}
.tbl-form a.sw-btn span, .tbl-form a.sg-btn span {padding:13px 9px;}
.tbl-form input.sw-btn, .tbl-form input.sg-btn, .tbl-form input.sp-btn, .tbl-form input.sdp-btn, .tbl-form button.sw-btn, .tbl-form button.sg-btn, .tbl-form button.sp-btn, .tbl-form button.sdp-btn {height: 40px;}

/* 세로형 */
.tbl-form.v-type th {padding:14px 10px 13px 10px;border-right:0;border-left:1px solid #bac2ca;text-align:center;}
.tbl-form.v-type th:first-child {border-left:0}
.tbl-form.v-type td {padding:14px 10px 13px 10px;text-align:center;border-left:1px solid #bac2ca;}
.tbl-form.v-type td:first-child {border-left:0}

.tbl-form-view {border-top:2px solid #696c75;width:100%;border-collapse:collapse;clear:both;table-layout:fixed;}
.tbl-form-view th {background:#f3f5f8;padding:8px 10px 8px 15px;border-right:1px solid #bac2ca;border-bottom:1px solid #ddd;font-size:1em;color:#043d86;}
.tbl-form-view th label {padding-left:18px;position:relative;}


.tbl-form-view th label .nec {background:url(../images/common/ico_nec.png) no-repeat 0 3px;text-indent:-9999px;display:block;position:absolute;top:0px;left:0px;width:9px;height:15px;}
.tbl-form-view td {border-bottom:1px solid #ddd;padding:8px 0 8px 15px;font-size:0.938em;}
.tbl-form-view td label {margin:0 5px;}
.tbl-form-view td input {height:26px;}
.tbl-form-view td pre {width:570px;font-family:NanumGothic;white-space:pre-line;}

@media only screen and (max-width:768px){
	.tbl-form a.sw-btn span, .tbl-form a.sg-btn span {padding:8px 9px;}
	.tbl-form input.sw-btn, .tbl-form input.sg-btn, .tbl-form input.sp-btn, .tbl-form input.sdp-btn, .tbl-form button.sw-btn, .tbl-form button.sg-btn, .tbl-form button.sp-btn, .tbl-form button.sdp-btn {height:30px;}
}


/* 쓰기폼 */
.prg-form .top-txt {float:right;margin:8px 0 5px;} 
.prg-form .tbl-form th {width:20%;}
.prg-form .tbl-form td {width:80%;}
.prg-form .tbl-form .select {min-width:80px}
.prg-form .chk-sch, .prg-form .chk-sch li {display:inline;margin-right:7px}
@media only screen and (max-width:999px){
	.prg-form .tbl-form th {width:20%;}
	.prg-form .tbl-form td {width:80%;}
}
@media only screen and (max-width:768px){
	.adm-wr .info-box {padding-top:30px;padding-bottom:30px;}
	.adm-wr .info-box .box-tit {margin-bottom:10px}
	.adm-wr .info-box button {position:relative;top:auto;right:auto;margin-top:0;display:block;}
	
	.prg-form .tbl-form {border:1px solid #ddd;border-top:2px solid #696c75;border-bottom:0;letter-spacing:0;}
	.prg-form .tbl-form tr {overflow:hidden;display:block;border-bottom:1px solid #ddd}
	.prg-form .tbl-form th, .prg-form .tbl-form td {border:0;background:#fff;display:block;width:100% !important;float:left;}
	.prg-form .tbl-form th {padding:15px 0 5px 2.5%}
	.prg-form .tbl-form td {position:relative;padding:5px 2.5% 15px;}
	.prg-form .tbl-form td .sw-btn {position:absolute;top:-30px;right:2.5%;letter-spacing:-1px;}
	.prg-form .tbl-form td input[type=text], .prg-form .tbl-form td input[type=password] {width:100%;margin:2px 0;height:40px;color:#444;box-sizing:border-box;}
	.prg-form .tbl-form td input[type=text].w70,
	.prg-form .tbl-form td input[type=text].w80 {width:25%;}
	.prg-form .tbl-form td input[type=text].w90,
	.prg-form .tbl-form td input[type=text].w100{width:30%;}
	.prg-form .tbl-form td input[type=text]::-webkit-input-placeholder, .prg-form .tbl-form td input[type=password]::-webkit-input-placeholder {color:#444;}
	.prg-form .tbl-form td input[type=text]:-moz-placeholder, .prg-form .tbl-form td input[type=password]:-moz-placeholder {color:#444;}
	.prg-form .tbl-form td input[type=text]::-moz-placeholder, .prg-form .tbl-form td input[type=password]::-moz-placeholder {color:#444;}
	.prg-form .tbl-form td input[type=text]:-ms-input-placeholder, .prg-form .tbl-form td input[type=password]:-ms-input-placeholder {color:#444;}
	.prg-form .tbl-form td .stit {display:none;}
	.prg-form .tbl-form td input.text.w40p {width:40%;}
	.prg-form .tbl-form td input.text.w30p {width:45%;}
	.prg-form .tbl-form td input.text.w90 {width:90px;}
	.prg-form .tbl-form td input.text.w50 {width:28% !important}
	.prg-form .tbl-form td input.text.w15p, .prg-form .tbl-form td input.text.w20p, .prg-form .tbl-form td input.text.w25p, .prg-form .tbl-form td select.select {min-width:25%;}
	.tbl-form th {padding: 15px 0 15px 2.5%; width: 150px}
}
@media only screen and (max-width:599px){
	.adm-wr .info-box {padding-left:30px}
}
@media only screen and (max-width:480px){
	.prg-form .tbl-form td input.text.w50 {width:25% !important}
	.prg-form .tbl-form td input.text.w20p, .member-form .tbl-form td input.text.w25p {width:28%;}
	/*.prg-form .tbl-form td select.select {width:100%;margin-top:5px;}*/
	.prg-form .tbl-form td select.select.tel {width:20%;}	
}

/* tooltip */
.tool_tip{display: inline-block;vertical-align: middle;margin-left: 10px;}
.tool_tip span{position:relative;float:right;border-radius: 50%;width: 30px;height: 30px;font-size:1.2em;line-height: 30px;font-weight: 500;background: #fff;border: 2px dotted #01478e;color: #01478e;text-align: center;}
.tool_tip span:hover{ background-color:#f4f4f4;}
[data-tooltip-text]:hover { position: relative; }
[data-tooltip-text]:before{content:'';width: 0;height: 0;position: absolute;left: -9999px;bottom: 8px;border-top: 5px solid transparent;border-right: 7px solid rgba(0, 0, 0, 0.7);border-bottom: 5px solid transparent;opacity: 0; -webkit-transition: bottom .3s ease-in-out, opacity .3s ease-in-out; transition: bottom .3s ease-in-out, opacity .3s ease-in-out; }
[data-tooltip-text]:after {content: attr(data-tooltip-text);-webkit-transition: bottom .3s ease-in-out, opacity .3s ease-in-out; transition: bottom .3s ease-in-out, opacity .3s ease-in-out;background-color: rgba(0, 0, 0, 0.7);box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);border-radius: 5px;color: #FFFFFF;font-size: 12px;padding: 7px 12px;position: absolute;width: auto;min-width: 120px;max-width: 300px;word-wrap: break-word;z-index: 9999;opacity: 0;left: -9999px;top: -15%;line-height: 1.4em;text-align: left;}
[data-tooltip-text]:hover:before,
[data-tooltip-text]:hover:after {  opacity: 1; }
[data-tooltip-text]:hover:before{left:33px}
[data-tooltip-text]:hover:after{ left:40px;}
@media only screen and (max-width:768px){
	.tool_tip{margin: 5px 0 0 0;}
}


/* status */
.status span{text-align: center; font-weight: 500;}
.status span.st_standBy{color: #0b3d91;}
.status span.st_ing{ color:#e50012;}
.status span.st_end{ color:#888; }

#editor { background: var(--ck-sample-color-white); box-shadow: 2px 2px 2px rgba(0,0,0,.1); border: 1px solid #DFE4E6; border-bottom-color: #cdd0d2; border-right-color: #cdd0d2; }
.ck.ck-editor { box-shadow: 2px 2px 2px rgba(0,0,0,.1); }
.ck.ck-content {font-size: 1em;line-height: 1.6em;/* margin-bottom: 0.8em; */min-height: 300px;padding: 1.5em 2em;}

.warning_txt.pass .tit strong{ font-size:1.25em; display: block; margin-bottom: 10px;}
.warning_txt.pass .txt{font-weight: 500;}
.warning_txt.pass .stxt{ font-size:0.95em; line-height: 1.4; color:#777; margin-top: 10px;}

/* form_st01 */
.formSt + .formSt{margin-top: 10px;}
.formSt{ border: 1px solid #ddd; border-radius: 10px; overflow: hidden;}
.formSt > dl{ position: relative;}
.formSt > dl:first-child > dt{border-top:0;}
.formSt > dl > dt{ border-top: 1px solid #ddd; padding: 20px 1.5em 20px 3em; position: relative; letter-spacing: -0.05em; font-size: 1.2em;color: #222; font-weight: 500; overflow: hidden;}
.formSt > dl > dt:before{content:'Q.'; display: inline-block;  position: absolute; left: 1.5em;}
.formSt > dl > dt span{display:block;width: calc(100% - 170px);}
.formSt > dl > dd{ border-top:1px solid #ddd; padding: 20px 1.5em 20px 3em; overflow: hidden;}
.formSt > dl > dd.form_input{ position: absolute; right:0; top:0; border:0;}
.formSt .form_input .check{ margin-right: 1em;}
.formSt .form_input .check:last-child{margin-right: 0;}
.formSt > dl > dd.detail{  border-top:0; margin-top: -5px }
.formSt > dl > dd.detail.full{margin: 0;padding: 20px 1.5em; width:100%;}
.formSt > dl > dt.full span{ width: 100%;}
.formSt > dl > dd .tbl, .formSt > dl > dd .boardWrite{margin: 0; padding: 0; border:1px solid #ddd; border-width:1px 1px 0px 1px; overflow: hidden; border-radius: 6px;}
.formSt > dl > dd table th, .formSt > dl > dd table td{/* font-size: 0.9em; */}

/* st02 */
.formSt.st02 > dl > dt,
.formSt.st02 > dl > dd{  padding: 20px 1.5em 20px 2.5em;}
.formSt.st02 > dl > dt:before{content:''; display: block;  position: absolute; left: 1.5em; width:10px; height: 10px; background-color: #fe7801; border-radius: 10px; top: 31px;}

/* st03 */
.formSt.st03{border:0;}
.formSt.st03 > dl > dt{padding: 20px 1.5em;background:#151c47;color:#fff;margin-bottom: 10px;border-radius: 6px;font-weight: 500;}
.formSt.st03 > dl > dd{padding:0 !important;border: 0;}
.formSt.st03 > dl > dd.bd_0{border:0;}
.formSt.st03 > dl > dt:before{ display: none;}


/* form_btn */
.form_btn{overflow: hidden;}
.form_btn button{border-radius: 7px;background: #fffdfc;display:block;float:left;width: 19.15%;border: 1px solid #e6e6e6;color:#333;vertical-align: top;font-size:0.9em;height: 3em;margin: 0 4px 10px 4px;}
.form_btn button:disabled{ background:#eee; }
.form_btn button br{display: none;}
.form_btn.col4 button{width: 24.2%;}
.form_btn.col3 button{width: 32.5%;}
.form_btn.col2 button{width: 49%;}
.form_btn button:focus,
.form_btn button:hover,
.form_btn button.on{background:#fff7f3; border-color:#e94e1e; color:#e94e1e; font-weight:500;}
.form_btn button:disabled,
.form_btn button:disabled:focus,
.form_btn button:disabled:hover{ background:#eee; border-color:#d1d1d1; color:#9f9f9f;}

@media only screen and (max-width:1080px){
	.form_btn button{width:24%;margin: 0 0.5% 10px 0.5%;}
	.form_btn.col4 button{width: 24%;}
    .form_btn.col3 button{width: 32.3%;}
	.formSt.st02 > dl > dt:before{top:30px;}
}
@media only screen and (max-width:768px){
	.form_btn button{width:32% !important;}
	.form_btn button br{display: block;}
	.formSt.st02 > dl > dt:before{top:28px; width:8px; height: 8px;}
	.form_btn.col2 button{width:100% !important;margin: 0 0 10px 0;}
}
@media only screen and (max-width:480px){
	.formSt > dl > dt span{ width:100%; }
	.formSt > dl > dt:before,
	.formSt.st02 > dl > dt:before{left:1em;}
	.formSt > dl > dt{padding: 20px 1.5em 15px 2.5em !important;}
	.formSt.st02 > dl > dt, .formSt.st02 > dl > dd{ padding: 20px 1.5em 15px 2em !important;}
	.formSt.st03 > dl > dt{padding: 15px 1.5em !important;}
	.formSt > dl > dd{padding: 15px 1.5em 15px 2em !important;}
	.formSt > dl > dd.form_input{position: relative;right:inherit;top:inherit;border-top:1px dotted #bfc8ce;padding: 15px 1.5em 20px 2.5em !important;}

	.formSt > dl > dd.detail.full{padding:0 1.25em 20px 1.25em!important}
	.formSt.st03 > dl > dd.full{ padding:0 !important;}
	.form_btn button{width: 49% !important;margin: 0 0 10px 0;}
	.form_btn button:nth-child(even){float:right;}
}

/* consult_answer */
.consult_answer{ margin:40px 0; border: 1px solid #fe7801; border-radius: 10px 50px;overflow: hidden;}
.consult_answer dt{padding: 1.15em 1em 1.15em 90px; border-bottom: 1px solid #fe7801; background: #fff5ec; position:relative;color: #111;font-size: 1.125em;}
.consult_answer dt .date{font-size: 0.8em;font-weight: 400;position: absolute;right: 20px;bottom: 25px;}
.consult_answer dt:before{ content:''; display:block; background:url('../images/favicon/favicon.png') no-repeat 50% 50%; background-size:cover; position:absolute; left: 1.5em;top: 50%;margin-top: -25px;width:50px; height:50px; }
.consult_answer dd{padding: 1.5em 2em;}
.consult_answer dd p{}
@media only screen and (max-width:640px){
	.consult_answer dt{padding: 1em 1em 1em 65px;}
	.consult_answer dt .date{position:relative; right:inherit;bottom: inherit;display: block;/* float: right; */margin-top: 0;}	
	.consult_answer dt:before{ width:40px; height:40px; left:1em; margin-top:-20px;}
}
@media only screen and (max-width:480px){
	.consult_answer{ margin:30px 0; border-radius: 10px 30px;}
	.consult_answer dd{padding: 1.25em;}
}


/* print */
@media print{
	
}