/* º£À̽º */
.board_template_base {font-family:"Malgun Gothic"; border-collapse: collapse; padding:0; margin:0; font-size:0;} 
.board_template_base ul,li,dl,dt,dd,html,img,div,body,span,a,p {margin:0; padding:0; text-decoration:none; list-style:none;}
.board_template_base a {text-decoration:none; color:inherit;}
.board_template_base li { display:inline-block; vertical-align:middle;}
.board_template_base fieldset, img {border:0;}
.board_template_base address {font-style:normal;}
.board_template_base legend { visibility:hidden;position:absolute; left:-9999px;}
.board_template_base input::-ms-input-placeholder{color:#fff !important; }
.board_template_base input::-moz-input-placeholder{color:#fff !important; }
.board_template_base input::-webkit-input-placeholder{color:#fff !important; }
.board_template_base dd{line-height:20px;}
.board_template_base table, th, tbody {margin:0; padding:0; text-align:left; border-collapse:collapse;}
.board_template_base .board_footer {position:relative; width:100%; overflow:hidden;}
.board_template_base .area_btn {text-align:right;}
.board_template_base .area_btn .btn {margin-left:10px;}
.board_template_base .area_btn.right .btn {margin-left:10px;}
.board_template_base .area_btn.right .btn:first-child {margin-left:0;}
.board_template_base .area_btn.left .btn {margin-right:10px; margin-left:0;}
.board_template_base .area_btn.left .btn:last-child {margin-right:0;}
.board_template_base .cmt {color:#ff6600; font-size:12px;}


/* °Ô½ÃÆÇ ¿É¼Ç */
.board_filter {display:flex; justify-content:space-between; align-items:center; margin-bottom:25px;}
.board_filter .count {font-size:16px;}
.board_count {font-size:16px; margin-bottom:20px;}
.area_board_search {margin:0; margin-left:auto; display:flex; align-items:center;}
.area_board_search .search_area {position:relative; width:290px;}
.area_board_search * {font-size:16px; display:inline-block;}


.board_search_form {width:290px; height:50px; line-height:50px; border:1px solid #ddd; float:left; padding:0 60px 0 20px;}
.board_search_form:hover, .board_template_base .board_search_form:focus {background:#fafafa;}
.board_select_form {width:140px; height:50px; border:1px solid #ddd; padding:0 40px 0 20px; text-transform:capitalize; float:left; margin-right:0px; border-right:0; border-radius:0; background:url("../images/board/icon_select.png") calc(100% - 20px) center no-repeat; vertical-align:middle; -webkit-appearance: none; -moz-appearance: none;appearance:none;}
.board_select_form::-ms-expand { display: none;}
.btn_board_search {position:absolute; top:0; right:0; cursor:pointer; text-indent:-99999px; width:60px; height:50px; background:url("../images/board/icon_search.png?ver=1.1") center no-repeat; border:0;}
.board_template_base .board_tab { display: flex; flex-wrap: wrap; padding-top: 1px; margin-bottom: 40px; }
.board_template_base .board_tab li { box-sizing: border-box; transition: .2s; border: 1px solid #ddd; margin-top: -1px; border-right: 0; text-align: center; flex: 1 0 calc(100% / 6); }
.board_template_base .board_tab:has(> li:nth-child(7)) li { flex: 0 0 calc(100% / 6); }
.board_template_base .board_tab li a { display: block; padding: 18px 0; font-size: 16px; color: inherit; }
.board_template_base .board_tab li:hover { background: #fafafa; }
.board_template_base .board_tab li.on { background: #01c8c1; border-color: #01c8c1; color: #fff; font-weight: bold; }
.board_template_base .board_tab li:nth-child(6n) { border-right: 1px solid #ddd; }
.board_template_base .board_tab li:last-child { border-right: 1px solid #ddd; }



/* ¸®½ºÆ® ÀÏ¹Ý */
.board_template_base .board_table_form {width:100%; margin:auto; border-collapse:collapse; table-layout:fixed; border-top:2px solid #01c8c1;}
.board_template_base .board_table_form tr {border-bottom:1px solid #ccc;}
.board_template_base .board_table_form tr.tr_notice {background:#f9f9f9;}
.board_template_base .board_table_form th, .board_template_base .board_table_form td {font-size:16px; height:52px; text-align:center; vertical-align:middle;}
.board_template_base .board_table_form th {height:60px; font-weight:bold; text-align:center; background:#fff; border-top:2px solid #01c8c1; color:#002b5a; font-size:16px; text-transform:capitalize;}
.board_template_base .board_table_form td {height:60px; color:#666;}
.board_template_base .board_table_form td.gr-title {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:left;}
.board_template_base .board_table_form td.gr-title img {position:relative; top:1px; width:12px;}
.board_template_base .board_table_form td .tag {color:#ee313e;}
.board_template_base .board_table_form.faq tr {cursor:pointer;}
.board_template_base .board_table_form.faq th, .board_template_base .board_table_form.faq td {padding:10px 0;}
.board_template_base .board_table_form.faq .num em {font-weight:bold; padding:10px; color:#fff; border-radius:50px; font-style:normal; padding:0; width:35px; line-height:35px; height:35px; font-size:14px; display:inline-block;}
.board_template_base .board_table_form.faq .title {text-align:left;} 
.board_template_base .board_table_form.faq .title .cate {opacity:.5;}
.board_template_base .board_table_form.faq .question .num em {background:#f06253;}
.board_template_base .board_table_form.faq .answer td {background:#fcfcfc;}
.board_template_base .board_table_form.faq .answer .num em {background:#2fc389;}


/* ¸®½ºÆ® faq */
.board_template_base .board_template_faq {position:relative; width:100%; font-size:18px;}
.board_template_base .board_template_faq .row {position:relative; width:100%; padding:28px 20px; border-bottom:1px solid #ddd;}
.board_template_base .board_template_faq .row:first-child {border-top:1px solid #01c8c1;}
.board_template_base .board_template_faq .row .title {font-weight:500; font-size:18px;}
.board_template_base .board_template_faq .row .type {margin-right:3px; display:inline-block;  font-weight:bold;}
.board_template_base .board_template_faq .row .cate {font-weight:bold; margin-bottom:12px; color:#01c8c1; }
.board_template_base .board_template_faq .row.question {background:url("../images/board/icon_toggle_down.png") calc(100% - 20px) center no-repeat; cursor:pointer;} 
.board_template_base .board_template_faq .row.question.on {background:url("../images/board/icon_toggle_up.png") calc(100% - 20px) center no-repeat;}
.board_template_base .board_template_faq .row.answer {background:#fafafa; line-height:1.5;}
.board_template_base .board_template_faq .row.answer .type {color:#01c8c1;}
.board_template_base .board_template_faq .row .cont {word-break:keep-all; font-size:16px;}
.board_template_base .board_template_faq .row .title, .board_template_base .board_template_faq .row .cont, .board_template_base .board_template_faq .row .type {display:inline-block; vertical-align:top;}
.board_template_base .board_template_faq .row .title, .board_template_base .board_template_faq .row .cont {width:calc(100% - 100px);} 




/* ¸®½ºÆ® ´Þ·Â */
.board_cal_top {position:relative; width:100%; overflow:hidden; height:40px; line-height:40px; margin-bottom:48px; font-size:0; text-align:center;}
.board_cal_top * {font-family: 'Pretendard', sans-serif;}
.board_cal_top .cal_date {font-size:32px; color:#2a2a2a; font-weight:normal; display:inline-block; vertical-align:middle; padding:0 30px;}
.board_cal_top .cal_date b {font-weight:bold;}
.board_cal_top .btn_board_cal {display:inline-block; width:40px; height:40px; vertical-align:middle;}
.board_template_base .board_table_form.cal * {font-family: 'Pretendard', sans-serif;}
.board_template_base .board_table_form.cal th, .board_template_base .board_table_form.cal td {padding:10px; height:180px; border:1px solid #dbdbdb;}
.board_template_base .board_table_form.cal th {height:60px; font-size:18px; font-weight:bold; background:#f9f9f9;}
.board_template_base .board_table_form.cal td {vertical-align:top; height:172px; padding:15px 10px 17px; text-align:left;}
.board_template_base .board_table_form.cal td .date {display:block; width:100%; font-weight:bold; line-height:1; font-size:16px; padding:0 5px; margin-bottom:8px; color:#2a2a2a;}
.board_template_base .board_table_form.cal td .date a {display:block; width:100%; height:100%; padding:0 5px;}
.board_template_base .board_table_form.cal td .schedule a {transition:.2s; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:4px; font-size:14px; color:#fff; height:26px; line-height:26px; border-radius:3px; background:#2d8aea; padding:0 8px;}
.board_template_base .board_table_form.cal td .schedule a:last-child {margin-bottom:0;}
.board_template_base .board_table_form.cal td .schedule a:hover {background:#166cc5;}
.board_template_base .board_table_form.cal td .schedule a:active {opacity:.8;}
.board_template_base .board_table_form.cal tr td:first-child .date, .board_template_base .board_table_form.cal tr th:first-child {color:#ff4747;}
.board_template_base .board_table_form.cal .sFirstWeek {font-weight:bold;}
.board_template_base .board_table_form.cal .sDays {text-align:center;}


												  



/* ¸®½ºÆ® °¶·¯¸® */
.board_template_base .board_gallery_form {width:100%; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); column-gap:30px; row-gap:60px; margin-bottom:40px; align-items:start;}
.board_template_base .board_gallery_form .list {display:block; font-size:14px;}
.board_template_base .board_gallery_form .list .thumb {position:relative; width:100%; aspect-ratio:1/1; margin-bottom:20px; overflow:hidden; border-radius:20px; overflow:hidden;}
.board_template_base .board_gallery_form .list .thumb img {width:100%; height:100%; object-fit:cover; display:block;}
.board_template_base .board_gallery_form .list .tit {position:relative; width:100%; display:block; overflow:hidden;}
.board_template_base .board_gallery_form .list .tit .cate {font-weight:bold; font-size:16px; margin-bottom:4px;}
.board_template_base .board_gallery_form .list .tit a {display:block; line-height:20px; max-height:42px; font-size:18px; font-weight:normal; }
.board_template_base .board_gallery_form .list .info {width:100%; overflow:hidden; padding-top:10px; color:#999;}
.board_template_base .board_gallery_form .cmt {position:absolute; bottom:0; background:#fff;}



/* ¸®½ºÆ® À¥Áø */
.board_template_base .board_webzine_form {width:100%; overflow:hidden;}
.board_template_base .board_webzine_form .board_column {padding:25px 0; border-bottom:1px solid #ddd; overflow:hidden;}
.board_template_base .board_webzine_form .board_column:first-child {border-top:1px solid #ddd;}
.board_template_base .board_webzine_form .board_column .thumb {width:160px; float:left; height:160px; text-align:center; margin-right:25px; border:1px solid #ddd;}
.board_template_base .board_webzine_form .board_column .thumb img {width:100%; height:100%;}
.board_template_base .board_webzine_form .board_column .cont {float:left; padding:10px 0; font-size:14px; width:780px;}
.board_template_base .board_webzine_form .board_column .cont .tit {display:inline-block; font-size:18px; font-weight:bold; margin-bottom:15px; }
.board_template_base .board_webzine_form .board_column .cont .txt {height:66px; line-height:22px; margin-bottom:12px; color:#666; overflow:hidden;}
.board_template_base .board_webzine_form .board_column .cont .date {color:#999;}


/* ºäÆäÀÌÁö */
.board_template_base .board_view {width:100%; position:relative; margin-bottom:80px;}
.board_template_base .board_view .board_view_file {position:relative; width:100%; margin-bottom:40px;}
.board_template_base .board_view .board_view_row {display:flex; align-items:center; width:100%; padding:0 20px; position:relative; font-size:14px; overflow:hidden; border-bottom: 1px solid #ddd; box-sizing:border-box; line-height:20px;}
.board_template_base .board_view .board_view_row .user_view_title {width:15%;}
.board_template_base .board_view .board_view_row .user_view_cont {width:15%;}
.board_template_base .board_view .board_view_row .user_view_cont.gr-title {width:45%;}
.board_template_base .board_view .board_view_row .cell {display:inline-block; height:46px; line-height:46px; color:#333;}
.board_template_base .board_view .board_view_row .cell.left {}
.board_template_base .board_view .board_view_row .cell.right {margin-left:auto;}
.board_template_base .board_view .board_view_row .tit {width:120px; font-weight:bold;}
.board_template_base .board_view .board_view_row .list_file {margin-left:auto; width:calc(100% - 120px); padding:15px 0; min-height:60px;}
.board_template_base .board_view .board_view_row .list_file li {display:block; font-size:13px;}
.board_template_base .board_view .board_view_row .list_file li a {display:inline-block; padding:5px 0;}
.board_template_base .board_view .board_view_row .list_file li a:hover {text-decoration:underline;}
.board_template_base .board_view .board_view_row .list_file img {width:16px; margin-right:3px;}
.board_template_base .board_view .board_view_row .list_file img, .board_template_base .board_view .board_view_row .list_file a {display:inline-block; vertical-align:middle;}
.board_template_base .board_view .board_view_content {border-bottom:1px solid #ddd; line-height:1.6; min-height:500px; box-sizing:border-box; display:block; padding:30px 20px 30px 20px; font-size:16px;}
.board_template_base .board_view .board_view_content ol li {display:list-item; list-style-type:decimal;}
.board_template_base .board_view .board_view_content li {display:list-item; margin-left:15px; list-style-type:disc;}
.board_template_base .board_view .board_view_content img {max-width:1270px;}
.board_template_base .board_view .board_view_title {display:flex; align-items:center; width:100%; padding:25px 20px; border-top:2px solid #01c8c1; border-bottom:1px solid #ddd; font-size:18px; font-weight:600;}
.board_template_base .board_view .board_view_title h3 {margin:0; padding:0; font-weight:600;}
.board_template_base .board_view .board_view_title .regdate {font-size:15px; color:#666; margin-left:auto; font-weight:normal; width:180px; text-align:right;}
.board_template_base .board_view .area_btn.recommend {padding:20px 0;}
.board_template_base .board_view .area_btn.recommend .btn {display:inline-block; margin-left:10px; font-weight:normal;}
.board_view .board_view_row .cont > span {font-weight:bold;}
.board_view .board_view_row .cont .info {font-size:0; padding-top:10px;}
.board_view .board_view_row .cont .info li {position:relative; display:inline-block; vertical-align:middle; margin-right:10px; font-size:15px;}
.board_view .board_view_row .cont .info li:last-child {margin-right:0; padding-right:0;}
.board_view .board_view_row .cont .info li.date {color:#999;}
.board_view .board_view_row.info_row {padding:20px 0;}
.board_view .board_view_row.info_row .thumb {position:relative; overflow:hidden; width:100px; height:100px; border-radius:6px; border:1px solid #ececec; margin-right:10px;}
.board_view .board_view_row.info_row .thumb .preview_img {width:100%; height:100%; border-radius:0; border:0; margin:0;}
.board_view .board_view_row .preview_img, .board_view .board_view_row .thumb, .board_view .board_view_row span, .board_view .board_view_row .cont {display:inline-block; vertical-align:middle;}
.board_view .board_view_row.info_row .thumb .tooltip {left:0px; bottom:0; width:100%; background:rgba(0,0,0,0.5); top:auto; border:0; height:auto; line-height:1.4; font-size:12px; color:#fff; padding:5px; border-radius:0;}
.board_view .board_view_row.info_row .thumb .tooltip:before {display:none;}
.board_view .board_view_row.info_row .thumb:hover .tooltip {display:block;}



/* µ¡±Û */
.board_comment {width:100%; position:relative; margin-bottom:40px; margin-top:30px;}
.board_comment .area_comment {width:100%; margin:20px 0; position:relative; overflow:hidden;}
.board_comment .comment_writer {overflow:hidden; padding:25px 20px; background:#f9f9f9;}
.board_comment .comment_writer .comment_top {display:flex; align-items:center; margin-bottom:15px;}
.board_comment .comment_writer .comment_top h6 {color:#01b3ad; font-size:18px;}
.board_comment .comment_writer .editor {vertical-align:top;min-height:auto; width:90%; height:80px; padding:10px; border:1px solid #ddd; resize:none; overflow:auto;}
.board_comment .comment_writer .btn_comment {vertical-align:top; width:150px; height:50px; background:#01c8c1; margin-left:10px; font-weight:bold; color:#fff;}
.board_comment .comment_writer .check_privacy {margin-left:auto; text-align:right;}
.board_comment .comment_writer .check_privacy input[type='checkbox'], .board_comment .comment_writer .check_privacy label {display:inline-block; vertical-align:middle;}
.board_comment .comment_writer .check_privacy input[type='checkbox'] {position:relative; top:1px;}
.board_comment .comment_writer .check_privacy label {margin-left:5px; font-size:14px; color:#666;}
.board_comment .comment_writer .file_wrap {display:flex; align-items:center; margin-top:15px;}
.board_comment .comment_writer .file_wrap .btn_comment {margin-left:auto;}
.board_comment .comment_writer .file_upload {width:auto; display:inline-block;}
.board_comment .comment_writer .file_upload .btn_function {width:140px; height:50px; font-size:14px; background:#666; margin-left:0;}
.board_comment .area_comment .comment_title {width:100%; overflow:hidden; font-size:14px; color:#999; margin-bottom:10px;}
.board_comment .area_comment .comment_title .author {font-weight:bold; color:#333;}
.board_comment .area_comment .comment_title .date {font-size:12px; margin-left:5px;}
.board_comment .area_comment .comment_title .cmd {float:right;}
.board_comment .area_comment .comment_title .cmd li {float:left; margin-left:5px;}
.board_comment .area_comment .comment_title .cmd li:first-child {margin-left:0;}
.board_comment .area_comment .comment_cont {font-size:14px; padding:15px 20px; border-radius:8px; background:#f6f6f6;}
.board_comment .comment_upload {position:relative; padding-top:10px; margin-bottom:20px;}
.board_comment .comment_upload .directory_file {padding:10px; width:90%; overflow:visible; font-size:12px; height:80px;}
.board_comment .comment_upload .btn_board {display:inline-block; height:40px; line-height:35px; font-size:13px; min-width:inherit; width:100%; padding:0; margin-bottom:0;}
.board_comment .comment_upload dl {width:10%;}

/* ±Û¾²±â */
.board_template_base .write_form {width:100%; position:relative; color:#333; font-size:16px; position:relative; border-top:1px solid #01c8c1; margin-bottom:40px; border-bottom:1px solid #555;}
.board_template_base .write_form tr {border-bottom:1px solid #e6e6e6;}
.board_template_base .write_form tr th, .board_template_base .write_form tr td {width:150px; font-size:18px; color:#333; vertical-align:middle; padding:15px 20px; letter-spacing:-1px; font-weight:400;}
.board_template_base .write_form tr th {text-align:left; background:#fff; font-weight:700;}
.board_template_base .write_title {width:100px; font-weight:bold;}
.board_template_base .write_select {height: 30px; width: 200px; border: 1px solid #ddd; margin:1px 0px 0px 0px; padding-left:5px;}
.board_template_base .option {display:inline-block; color:#666; font-size:14px; text-align:right; margin-left:30px;}
.board_template_base .option b{margin-right:20px;}
.board_template_base .write_form .board_template_body {width:600px; border-bottom: 1px solid #e4e4e4 !important; padding:20px 15px 20px 15px; line-height:1.6;}
.board_template_base .write_form .board_template_body_category {width:600px; border-bottom: 1px solid #e4e4e4; padding:20px 15px 20px 15px; display: none;}
.board_template_base .write_form .board_select_form {height:60px; width:auto; border-right:1px solid #ddd; font-size:16px; color:#333; border-radius:6px;}
.board_template_base .text_title {vertical-align:middle; transition:.2s; width:80%; margin-right:10px; font-size:14px; height:60px; line-height:60px; padding:0px 15px; border:1px solid #ddd; color:#333;}
.board_template_base .directory_file {width:480px; height:119px;overflow:scroll; border:1px solid #e4e4e4; background:#fff; overflow-x:hidden;}
.board_template_base .write_image {width:800px; margin-top:10px; position:relative;}
.board_template_base .radio {position:relative; top:3px; margin-right:5px;}
.board_template_base .btn_board {min-width:120px; vertical-align:top; padding:0 20px; height:50px; line-height:50px; font-size:16px;}



.board_template_base .board_review_form {width:100%; overflow:hidden; letter-spacing:0; margin-bottom:20px;}
.board_template_base .board_review_form .list {position:relative; width:100%; font-size:0px; display:block; vertical-align:top; border-bottom:1px solid #ddd; padding:20px 0;}
.board_template_base .board_review_form .list a {display:block; width:100%;}
.board_template_base .board_review_form .list:first-child {border-top:1px solid #ddd;}
.board_template_base .board_review_form .list .thumb, .board_template_base .board_review_form .list .cont {display:inline-block; vertical-align:top;}
.board_template_base .board_review_form .list .thumb {position:relative; overflow:hidden; border-radius:10px; width:82px; height:82px; border:1px solid #eee; background-size: cover !important; margin-right:30px;}
.board_template_base .board_review_form .list .thumb a {display:block; width:100%; height:100%;}
.board_template_base .board_review_form .list .thumb img {width:100%; height:100%;}
.board_template_base .board_review_form .list .thumb:hover .tooltip {display:block;}
.board_template_base .board_review_form .list .review_pr_area {position:relative; width:100%; margin-bottom:15px;}
.board_template_base .board_review_form .list .review_pr_area .thumb, .board_template_base .board_review_form .list .review_pr_area .review_pr {display:inline-block; vertical-align:middle;} 
.board_template_base .board_review_form .list .review_pr_area .review_pr .tit {color:#888; font-size:16px; line-height:1; margin-bottom:10px;}
.board_template_base .board_review_form .list .cont {position:relative; width:100%; margin-bottom:24px; line-height:1.6; font-size:14px;}

.board_template_base .board_review_form .list .review_data {position:relative; width:100%;}
.board_template_base .board_review_form .list .review_data li {display:inline-block; font-size:14px; color:#888; margin-right:10px; padding-right:11px; position:relative;}
.board_template_base .board_review_form .list .review_data li:after {content:""; width:1px; height:10px; position:absolute; top:50%; margin-top:-5px; background:#ddd; right:0;}
.board_template_base .board_review_form .list .review_data li:last-child {margin-bottom:0;}															 
.board_template_base .board_review_form .list .review_data li:last-child:after {display:none;}


.file_upload {width:100%; font-size:0;}
#div_FileProgress {display:block; margin-bottom:10px;}
.progressbar {position:relative; width:480px; height:40px; line-height:40px; font-family:"dotum"; overflow:hidden; padding:0px; background:#e2e6ec; border-radius:4px; text-align:center; display:inline-block;}
.percent { 
font-size:12px; font-weight:bold; width:100%;  height:100%; position:absolute; top:0; left:0; color:#eee;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#16d4a5+0,3561b3+100 */
background: #16d4a5; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #16d4a5 0%, #3561b3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #16d4a5 0%,#3561b3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #16d4a5 0%,#3561b3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16d4a5', endColorstr='#3561b3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.btn_function {width:120px; height:40px; display:inline-block; vertical-align:top; margin-left:10px; background:#222; color:#fff; font-size:14px; border-radius:4px; border:0; cursor:pointer;}