/* º£À̽º */
.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 .area_btn {text-align:right;}
.board_template_base .area_btn.right .btn {margin-left:10px;}
.board_template_base .area_btn.left .btn {margin-right:10px;}
.board_template_base .cmt {color:#ff6600; font-size:12px;}


/* °Ô½ÃÆÇ ¿É¼Ç */
.board_template_base .area_board_search {width:auto; text-align:right; margin-bottom:20px; overflow:hidden;}
.board_template_base .area_board_search * {font-size:14px;}
.board_template_base .board_search_form {width:200px; height:40px; line-height:40px; border:1px solid #ccc; float:left; padding:0 20px;}
.board_template_base .board_select_form {width:140px; height:40px; border:1px solid #ddd; padding:0 40px 0 20px; text-transform:capitalize; float:left; margin-right:5px; background:url("../../images/board/icon_select.png") 90% center no-repeat; vertical-align:middle; -webkit-appearance: none; -moz-appearance: none;appearance:none;}
.board_template_base .board_select_form::-ms-expand { display: none;}
.board_template_base .btn_board_search {cursor:pointer; text-indent:-99999px; width:40px; height:40px; background:url("../../images/board/icon_search.png") center no-repeat #767676; border:0;}
.board_template_base .board_tab {width:100%; position:relative; margin-bottom:20px; border-bottom:1px solid #333;}
.board_template_base .board_tab li {display:inline-block; border:1px solid #ddd; border-bottom:0; color:#666; font-size:14px; margin-right:5px;}
.board_template_base .board_tab li.on {background:#333; color:#fff; border-color:#333; font-weight:bold;}
.board_template_base .board_tab li a {display:block; width:100%; height:100%; padding:8px 16px;}


/* ¸®½ºÆ® ÀÏ¹Ý */
.board_template_base .board_table_form {width:100%; border-collapse:collapse; table-layout:fixed;}
.board_template_base .board_table_form tr {border-bottom:1px solid #ccc;}
.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; font-family:'NotoSans', sans-serif}
.board_template_base .board_table_form th {height:60px; font-weight:normal; text-align:center; background:#fff; border-top:2px solid #2a2a2a; color:#2a2a2a; 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 .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;}
.board_template_base .board_table_form.cal th, .board_template_base .board_table_form.cal td {padding:10px; border:1px solid #ddd;}
.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%; overflow:hidden;}
.board_template_base .board_gallery_form .list {width:272px; margin-right:30px; margin-bottom:60px; font-size:14px; display:inline-block; vertical-align:top; }
.board_template_base .board_gallery_form .list .thumb {width:100%; height:272px; margin-bottom:20px;}
.board_template_base .board_gallery_form .list .thumb img {width:100%; height:100%;}
.board_template_base .board_gallery_form .list .tit {position:relative; width:100%; display:block; line-height:20px; max-height:42px; overflow:hidden; margin-bottom:15px; font-size:16px; font-weight:normal;}
.board_template_base .board_gallery_form .list .tit a {display:inline;}
.board_template_base .board_gallery_form .list .info {width:100%; overflow:hidden; border-top:1px solid #eee; padding-top:15px; color:#999;}
.board_template_base .board_gallery_form .list:nth-child(4n) {margin-right:0;}
.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;}
.board_template_base .board_view .board_view_row {width:100%;position:relative; font-size:14px; overflow:hidden; border-bottom: 1px solid #ececec; 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:50px; line-height:50px;}
.board_template_base .board_view .board_view_row .cell.left {float:left;}
.board_template_base .board_view .board_view_row .cell.right {float:right;}
.board_template_base .board_view .board_view_row .list_file {padding:10px 0;}
.board_template_base .board_view .board_view_row .list_file li {display:block; padding:1px 0; font-size:12px;}
.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;}
.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 #e1e1e1; line-height:1.6; min-height:400px; margin-bottom:40px; box-sizing:border-box; display:block; padding:30px 0px 30px 0px; 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:100%;}
.board_template_base .board_view .board_view_title {width:100%; padding-bottom:15px; text-align:left; border-bottom:1px solid #e1e1e1; font-size:18px; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.board_template_base .board_view .board_view_title h3 {margin:0; padding:0; font-weight:600;}
.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_comment {width:100%; position:relative; margin-bottom:60px;}
.board_comment .area_comment {width:100%; margin:20px 0; position:relative; overflow:hidden;}
.board_comment .comment_writer {overflow:hidden; padding-top:10px;}
.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:#b78c61; margin-left:10px; font-weight:bold; color:#fff;}
.board_comment .comment_writer .check_privacy {text-align:right; margin:10px 0;}
.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:2px;}
.board_comment .comment_writer .check_privacy label {margin-left:5px; font-size:14px; color:#666;}
.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;}
.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:10px; 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 #555; 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:16px; 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;}
.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:40px; width:auto; border-right:1px solid #ddd; font-size:16px; color:#333;}
.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;}
.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:40px; line-height:40px; margin-bottom:5px; font-size:14px;}


.file_upload {width:100%; font-size:0;}
.progressbar {position:relative; width:480px; height:25px; display:inline-block; line-height:26px; font-family:"dotum"; overflow:hidden; padding:0px; background:#e2e6ec; 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:100px; height:25px; display:inline-block; vertical-align:top; margin-left:10px; background:#000; color:#fff; font-size:12px; border:0; cursor:pointer;}