.board_top {margin-bottom: 20px;}
/*
.board_top .category {float: left;margin-top: 9px;}
.board_top .category li {display: inline-block;position: relative;padding-right: 9px;padding-left: 12px;font-size: 15px;}
.board_top .category li:before {display: inline-block;position: absolute;top: 6px;left: 0;width: 1px;height: 9px;background: #cccccc;content: "";}
.board_top .category li:first-child {padding-left: 0;}
.board_top .category li:first-child:before {display: none;}
.board_top .category li a {display: block;padding: 4px 0;font-size: 15px;}
.board_top .category li.all a {padding-left: 16px;background: url('../img/board/icon_category_all.png') no-repeat 0 3px;}
*/


.board_top .category{zoom:1;margin-bottom: 20px;}
.board_top .category:before, .board_top .category:after{content:" ";display:table;}
.board_top .category:after{clear:both;} 
.board_top .category li {float: left;margin-right: 4px;}
.board_top .category li a {display: block;width: 100%;min-width: 120px;height: 40px;padding: 8px 17px 10px;border: solid 2px #39c1cb;border-radius: 30px;background-color: #ffffff;font-size: 15px;font-weight: 500;line-height: 22px;text-align: center;color: #999999;}
.board_top .category li.active a {border: solid 2px #39c1cb;background-color: #39c1cb;color: #ffffff;}



.board_top h1 {float: left;}

.board_top .func_group {float: left;}
.board_top .func_group .count {font-size: 14px;font-weight: 500;color: #999999;}
.board_top .func_group .count span {font-weight: 900;color: #191919;}

.board_top .search {float: right;}
.board_top .search select {height: 40px;vertical-align: middle;}
.board_top .search input {height: 40px;vertical-align: middle;}
.board_top .search input[type="text"] {width: 180px;}
.board_top .search .btn {height: 40px;line-height: 38px;vertical-align: middle;}
.board_top .search .btn_search {padding-right: 50px;background:#434343 url('../img/board/btn_icon_search.png') no-repeat 55px 50%;}
.board_top .search span {display: inline-block;vertical-align: middle;}

.datepicker {background: #fff url('/_asset/img/common/datepicker.png') no-repeat right 13px top 50%;background-size: 13px 12px;}
.ui-datepicker-trigger {margin-top: 8px;margin-left: 4px;}
.board_top .search .datepicker_box {display: inline-block;padding-right: 50px;background: #fff url('/_asset/img/common/datepicker.png') no-repeat right 15px top 50%;vertical-align: middle;border: 1px solid #cccccc;border-radius: 3px;}
.board_top .search .datepicker_box .datepicker {width: 80px;padding-left: 0;background: #fff;border: 0;}
.board_top .search .datepicker_box .datepicker:first-child {padding-left: 15px;padding-right: 0;}

.btn_more {float: right;padding-left: 13px;font-size: 15px;color: #333333;font-weight: 500;background: url('../img/board/btn_more.png') no-repeat 0 50%;letter-spacing: -0.075em;}

.board_list table thead th {padding: 26px 5px 24px;border-top: 2px solid #39c1cb;border-bottom: 1px solid #e3e3e3;font-size: 16px;font-weight: 500;vertical-align: middle;}
.board_list table thead th:first-child {width: 57px;}
.board_list table tbody th {padding: 16px 2px 15px;border-bottom: 1px solid #e3e3e3;font-size: 14px;font-weight: 400;vertical-align: middle;text-align: center;}
.board_list table thead th.no {width: 88px;}
.board_list table thead th.subject {text-align: left;padding-left: 165px;}
.board_list table thead th.name {width: 120px;}
.board_list table thead th.date {width: 130px;}
.board_list table thead th.cnt {width: 100px;}

.board_list table tbody td {padding: 24px 5px 22px;border-bottom: 1px solid #e3e3e3;font-size: 15px;color: #666666;vertical-align: middle;text-align: center;}
.board_list table tbody td a {color: #666666;}
.board_list table tbody tr.re td {background-color: #f6f6f6;}
.board_list table tbody tr.re td.subject span {position: relative;padding-left: 30px;}
.board_list table tbody tr.re td.subject span:before {display: inline-block;position: absolute;top: -10px;left: 0;width: 21px;height: 21px;background: url('../img/board/re.png') no-repeat 0 0;content: "";}
.board_list table tbody td.lt {text-align: left;}
.board_list table tbody td.subject {padding-left: 30px;padding-right: 30px;text-align: left;}
.board_list table tbody td img.secret {height: 15px;margin-right: 4px;vertical-align: middle;}
.board_list table tbody td img.files {height: 15px;margin-left: 4px;vertical-align: middle;}
.board_list table tbody td .comment_cnt {margin-left: 8px;}

.board_list table tbody tr.bo_notice th {background: #f3f3f3;}

.board_list table tbody tr.bo_notice td {background: #f3f3f3;}

.board_bottom {position: relative;margin-top: 40px;}
.board_bottom .button_area {position: relative;margin-top: 30px;text-align: right;}

.paginate {text-align: center;}
.paginate .list {margin-left: 18px;margin-right: 18px;}
.paginate span {display: inline-block;vertical-align: top;font-size: 14px;color: #666666;vertical-align: middle;}
.paginate strong {display: inline-block;width: 40px;height: 40px;background: url('../img/board/bg_page_current.png') no-repeat 0 0;line-height: 40px;color: #fff;font-size: 14px;vertical-align: middle;}
.paginate a {display: inline-block;width: 40px;height: 40px;line-height: 40px;vertical-align: middle;}
.paginate a.first {background: url('../img/board/btn_page_first.png') no-repeat 0 0;}
.paginate a.prev {background: url('../img/board/btn_page_prev.png') no-repeat 0 0;}
.paginate a.next {background: url('../img/board/btn_page_next.png') no-repeat 0 0;}
.paginate a.last {background: url('../img/board/btn_page_last.png') no-repeat 0 0;}


.board_view .button_area {margin-top: 60px;}
.board_view .button_area .btn {margin-right: 6px;}
.board_write .button_area {margin-top: 60px;}
.board_view table td {text-align: left;border-bottom: 1px solid #dddddd;}


.board_view table td.title_area {padding: 26px 34px 22px;border-top: 2px solid #39c1cb;font-size: 14px;font-weight: 400;color: #666666}
.board_view table td.title_area h3 {margin-bottom: 10px;font-size: 30px;color: #333333;line-height: 120%;}
.board_view table td.title_area label {margin-left: 14px;color: #333333;line-height: 120%;}
.board_view table td.title_area .info label:first-child {margin-left: 0;}
.board_view table td.title_area div.attach {display: inline-block;}
.board_view table td.title_area div.attach img {vertical-align: middle;}

.board_view table td.content_area {padding: 50px 0;font-size: 16px;color: #666666;line-height: 200%;}

.board_view .comment textarea {width: 100%;}

.board_view .comment .form-group {min-height: auto;}
.board_view .comment .form-group label.title {width: 70px;font-size: 15px;}

.board_view .comment ul {display: block;padding: 12px 20px;background-color: #f5f5f5;}
.board_view .comment ul li {position: relative;padding-top: 10px;padding-bottom: 10px;border-top: 1px solid #8c8c8c;}
.board_view .comment ul li.has-reply {padding-top: 5px;border-top: 0;}
.board_view .comment ul li:first-child {border-top: 0;}

.board_view .comment ul li .btn {font-size: 12px;color: #696969;min-width: auto;height: 20px;line-height: 20px;padding: 0 8px;font-weight: normal;margin-left: 5px;}
.board_view .comment ul li .btn:hover {color: #000;}
.board_view .comment ul li .btn.btn-comment {background-color: #ffffff;border: 1px solid #8c8c8c;}
.board_view .comment ul li .btn.btn-modify {background:#0a0a0a;color:#fff;position: absolute;top: 10px;right: 50px;}
.board_view .comment ul li .btn.btn-delete {background:#737373;color:#fff;position: absolute;top: 10px;right: 0;}

.board_view .comment ul li .button_area .btn {min-width: 65px;height: 37px;line-height: 37px;padding:0 8px;font-family: 'New Gulim';font-size: 13px;font-weight: 400;color:#fff;font-weight: bold;letter-spacing: 0.2em;vertical-align: middle;text-align: center;cursor: pointer;-webkit-appearance: none;background-repeat: no-repeat;vertical-align: middle;}
.board_view .comment ul li .button_area a.btn {line-height: 37px;vertical-align: middle;}

.board_view .comment ul li .button_area .btn-cancel {background:#737373;border: 1px solid #737373;}
.board_view .comment ul li .button_area .btn-save {background:#0a0a0a;border: 1px solid #0a0a0a;}


.board_view .comment ul li .reply_line {float: left;width: 10px;height: 5px;margin-top: 5px;margin-right: 10px;border-left: 1px solid #8c8c8c;border-bottom: 1px solid #8c8c8c;}
.board_view .comment ul .name_area {float: left;font-family: 'New Gulim';font-size: 15px;color: #000;line-height: 150%;}
.board_view .comment ul .name_area div {margin-bottom: 5px;}
.board_view .comment ul .name_area span {margin-right: 8px;font-size: 13px;color: #696969;}

.pre-nxt li {padding: 18px 10px 15px;border-bottom: 1px solid #dddddd;}
.pre-nxt li:first-child {border-top: 1px solid #dddddd;border-bottom: 1px solid #dddddd}
.pre-nxt li strong {float: left;width: 80px;}
.pre-nxt li a {float: left;display: block;width: 1000px;color: #666666;}
.pre-nxt li a:hover {color: #000;}

.board_write .button_area .btn {margin-left: 10px;}


.faq_list .faq {border-top: 2px solid #39c1cb;}
.faq_list .faq label {display: inline-block;width: 25px;height: 25px;position: absolute;font-size: 14px;color: #fff;border-radius: 100%;font-weight: bold;text-align: center;line-height: 26px;}
.faq_list .faq dt {position:relative;border-bottom: 1px solid #e3e3e3;background: url('../img/board/faq_arr.png') no-repeat right 30px top 50%;}
.faq_list .faq dt.active {background: url('../img/board/faq_arr2.png') no-repeat right 30px top 50%;}
.faq_list .faq dt label {top: 18px;left: 30px;background-color: #0096e4;}
.faq_list .faq dt a {display: block;padding: 20px 80px 18px 68px;font-size: 16px;color: #666666;line-height: 150%;}
.faq_list .faq dt.active a {color: #00abb0;}
.faq_list .faq dt a.admin_btn {position: absolute;top: 21px;right: 80px;font-size: 12px;color: #696969;min-width: auto;height: 20px;line-height: 20px;padding: 0 8px;font-weight: normal;background-color: #ffffff;border: 1px solid #8c8c8c;}
.faq_list .faq dd {position:relative;padding: 20px 58px 18px 68px;background-color: #f3f3f3;border-bottom: 1px solid #e3e3e3;font-size: 14px;color: #666666;line-height: 180%;}
.faq_list .faq dd label {top: 18px;left: 30px;background-color: #494949;}

ul.gallery_list {margin-left: -15px;margin-right: -15px;margin-bottom: 30px;}
ul.gallery_list li {float: left;width: 25%;padding: 0 15px 28px;}
ul.gallery_list li a {display: block;width: 100%;height: 100%;}
ul.gallery_list li .image_area {position: relative;width: 100%;height: 240px;border: 1px solid #ececec;overflow: hidden;}
ul.gallery_list li .image_area img {position: absolute;top: 50%;left: 50%;min-width: 100%;max-width: 200%;min-height: 100%;transform: translate(-50%, -50%);}
ul.gallery_list li .content_area {position: relative;height: 94px;padding: 0;letter-spacing: -0.03em;overflow: hidden;}
ul.gallery_list li .content_area h1 {margin-top: 20px;margin-bottom: 2px;font-size: 18px;color: #333333;line-height: 140%;font-weight: 500;}
ul.gallery_list li .content_area p.date {font-size: 12px;color: #333333;font-weight: 200;}

.board_list table tbody td span.ans_y {display: inline-block;padding: 8px 17px 6px;background-color: #39c1cb;border: 1px solid #39c1cb;border-radius: 4px;font-size: 14px;color: #fff;}
.board_list table tbody td span.ans_n {display: inline-block;padding: 8px 17px 6px;background-color: #fff;border: 1px solid #cccccc;border-radius: 4px;font-size: 14px;color: #666666;}

/* Ä÷³&ºÏ */
ul.learning_list {margin-left: -14px;margin-right: -14px;}
ul.learning_list li {float: left;width: 25%;padding: 0 14px 28px;}
ul.learning_list li.empty {width: 100%;padding: 150px 0;text-align: center;font-size: 18px;}
ul.learning_list li .image_area {height: 241px;border: 1px solid #ececec;}
ul.learning_list li .image_area img {width: 100%;height: 239px;}
ul.learning_list li .content_area {height: 206px;padding: 20px 19px 0;border: 1px solid #ececec;border-top: 0;}
ul.learning_list li .content_area h1 {font-size: 18px;color: #333333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
ul.learning_list li .content_area .cont {height: 77px;margin-top: 19px;font-size: 12px;font-weight: 400;color: #333333;line-height: 160%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
ul.learning_list li .content_area .name {margin-top: 37px;font-size: 12px;font-weight: 400;color: #333333;}

/* Ä÷³&ºÏ */
ul.open_list {margin-left: -14px;margin-right: -14px;}
ul.open_list li {float: left;width: 25%;padding: 0 14px 28px;}
ul.open_list li.empty {width: 100%;padding: 150px 0;text-align: center;font-size: 18px;}
ul.open_list li .image_area {height: 241px;border: 1px solid #ececec;overflow: hidden;}
ul.open_list li .image_area img {width: 100%;min-height: 239px;}
ul.open_list li .content_area {height: 206px;padding: 20px 19px 0;border: 1px solid #ececec;border-top: 0;}
ul.open_list li .content_area h1 {font-size: 18px;color: #333333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
ul.open_list li .content_area .cont {height: 77px;margin-top: 19px;font-size: 12px;font-weight: 400;color: #333333;line-height: 160%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
ul.open_list li .content_area .name {margin-top: 37px;font-size: 12px;font-weight: 400;color: #333333;}

ul.gallery2 {margin-left: -14px;margin-right: -14px;}
ul.gallery2 li {float:left;width: 279px;height: 274px;margin-left: 14px;margin-left: 14px;margin-bottom: 28px;}
ul.gallery2 li a {position: relative;display: block;height: 274px;border: 1px solid #ececec;}
ul.gallery2 li a .img_box {height: 140px;overflow: hidden;border-bottom: 1px solid #ececec;background: #39c1cb url(/_asset/img/common/no-img1.gif) no-repeat 50% 50%;background-size: 70%;}
ul.gallery2 li a img {width: 100%;}
ul.gallery2 li a .txt {padding-top: 22px;padding-left: 21px;padding-right: 21px;}
ul.gallery2 li a h5 {font-size: 18px;color: #333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
ul.gallery2 li a p {margin-top: 20px;font-size: 14px;color: #666666;line-height: 130%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
ul.gallery2 li a .over {opacity: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url('../img/sub/c2_1_landing_hover.png') no-repeat 0 0;transition: all ease .3s;-o-transition: all ease .3s;-moz-transition: all ease .3s;-webkit-transition: all ease .3s;}
ul.gallery2 li a:hover .over {opacity: 1;}