@charset "utf-8";

/* Top Search */
.list-tsearch { border:1px solid #ddd; background:#fafafa; padding:20px 15px 3px; margin-bottom:15px; }

/* Category */
.list-category .tabs { margin-bottom:20px; }
.list-category .dropdown { margin-bottom:20px; }
.list-category .active a, .list-category .selected a { color:crimson; font-weight:bold !important; }

/* List */
.list-wrap { width:100%; }
.list-admin { text-align:center; margin:15px 0px; padding: 15px 0 0; }
.list-btn .sort-drop { min-width:120px !important; left:auto !important; right:0px !important; }
.list-btn .sort-drop .sort a { color:crimson !important; font-weight:bold !important; }
.is-pc .ko .list-btn .sort-drop { font-size: 12px; }

/* Page */
.list-wrap .pagination a, .view-wrap .pagination a { color:#333 !important; }
.list-wrap .pagination .active a, .view-wrap .pagination .active a { color:#fff !important; background:#444 !important; border-color:#444 !important; }

/* View */
.view-wrap { width:100%; overflow:hidden; }
.view-wrap.view-modal { padding:5px; margin:0px; }
.view-btn { margin:0px 0px 30px; }
.view-btn i { margin-right:2px; }

/* Write */
.write-wrap { width:100%; overflow:hidden; }

@media all and (max-width:460px) {
	.responsive .view-btn i { margin-right:0px; }
}


/* category */
.category_wrap {margin-bottom: 30px;}
.category_wrap .category_ul {display: flex; gap: 0 40px;}
.category_wrap .category_ul .category_li a {display: block; position: relative; font-size: 18px; font-weight: 300; padding-bottom: 12px; color: #999999;}
.category_wrap .category_ul .category_li.active a {font-weight: 400; color: #34a75b;}
.category_wrap .category_ul .category_li.active a::after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background:#34a75b}

/* gallery list */
.m02_gallery .img-wrap .img-item {border-radius: 0;}
.m02_gallery .fix_gallery_content {margin-top: 20px;}
.m02_gallery .fix_gallery_content h5 {font-weight: 400; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}

.board-list .list-page.text-center {margin: 0 !important;}

@media (max-width:991px) {
    .list-wrap .list-container.gallery_container.m02_gallery {margin-right: 0; margin-bottom: 0;}
    .responsive .list-wrap .list-container.gallery_container.m02_gallery .list-row {width: 100% !important;}
    .list-wrap .list-container.gallery_container.m02_gallery .list-item {margin-right: 0; margin-bottom: 50px;}
    .board-list .list-page.text-center {margin: -10px 0 0 0 !important;}

    .m02_gallery .fix_gallery_content {margin-top: 15px;}
    .m02_gallery .fix_gallery_content h5 {font-size: 13px;}
}

/* dropmenu */
.category_drop .list-category .drop_a {display: block; position: relative; width: 100%; padding: 13px 0; text-align: center; border-bottom: 1px solid #34a75b; font-size: 13px;color: #34a75b;}
.category_drop .list-category .drop_a::after {content: ''; position: absolute; width: 11px; height: 5px; top: 50%; right: 12px; background: url(/img/drop_arrow.png) no-repeat center center / cover; transform: translateY(calc(-50% + 0.5px)); transition: all .3s ease-in-out;}

.category_drop .list-category .dropdown.open .drop_a::after {transform: translateY(calc(-50% + 0.5px)) rotate(180deg);}
.category_drop .list-category .dropdown .dropdown-menu {width: 100%; max-width: 100%; padding: 30px 0; margin: 0; border: 1px solid #eee; border-top:none; border-radius: 0; box-shadow: none; float: none; text-align: center;}

.category_drop .list-category .dropdown {margin-bottom: 50px;}
.category_drop .list-category .dropdown .dropdown-menu>li>a {font-weight: 300; font-size: 13px; color: #999999; padding: 0; line-height: 1;}
.category_drop .list-category .dropdown .dropdown-menu>li + li {margin-top: 20px;}

.category_drop .list-category .dropdown .dropdown-menu>li.on>a {font-weight: 400; color: #34a75b;}
.category_drop .list-category .dropdown .dropdown-menu>li>a:hover, .category_drop .list-category .dropdown .dropdown-menu>li>a:focus {background: #fff; font-weight: 400; color: #34a75b;}

/* write */

.m02_write .common_top {padding-bottom: 25px; border-bottom:1px solid #eee;}
.m02_write .common_bot {padding-top: 25px;}
.m02_write .common_bot .flex-box {display: flex; gap: 0 25px;}
.m02_write .common_bot .flex-box .inquiry_box {width: calc((100% - 25px)/2);}
.m02_write .common_bot .flex-box .inquiry_box .answer input[type="text"] {width: 100%;}

/* view */

.m02_view .view_flex {display: flex; gap: 0 100px;}
.m02_view .view_flex .view_sticky {width: calc(100% - 900px);}
.m02_view .view_flex .view_left {width: 100%;}

.m02_view .view_flex .view_left .view_left-top {padding-bottom: 60px; border-bottom: 1px solid #e1e1e1}
.m02_view .view_flex .view_left .view_left-top .view_subtit { margin-bottom: 17px; font-size: 16px;color: #34a75b;}
.m02_view .view_flex .view_left .view_left-top .view_subject {margin-bottom: 31px; font-size: 40px; font-weight: 500; line-height: 1.2; color: #222222;}
.m02_view .view_flex .view_left .view_left-top .view_record {font-size: 20px; color: #666666;}

.m02_view .view_flex .view_left .view_left-bot {padding-top: 60px;}
.m02_view .view_flex .view_left .view_left-bot > div {display: flex; gap: 0 40px;}
.m02_view .view_flex .view_left .view_left-bot > div + div {margin-top: 20px;}

.m02_view .view_flex .view_left .view_left-bot > div .view_bold {width: 60px; font-size: 16px; color: #222222;} 
.m02_view .view_flex .view_left .view_left-bot > div .view_reg {font-size: 16px; font-weight: 300; color: #666666;}

@media (max-width:991px) {
    .m02_view .view_flex {flex-direction:column; gap:80px 0}
    .m02_view .view_flex .view_sticky {width: 100%;}

    .m02_view .view_flex .view_left .view_left-top {padding-bottom: 35px;}
    .m02_view .view_flex .view_left .view_left-top .view_subtit {margin-bottom: 8px; font-size: 13px;}
    .m02_view .view_flex .view_left .view_left-top .view_subject {margin-bottom: 18px; font-size: 26px;}
    .m02_view .view_flex .view_left .view_left-top .view_record {font-size: 14px;}

    .m02_view .view_flex .view_left .view_left-bot {padding-top: 35px;}
    .m02_view .view_flex .view_left .view_left-bot > div {gap: 0 30px;}
    .m02_view .view_flex .view_left .view_left-bot > div + div {margin-top: 15px;}
    .m02_view .view_flex .view_left .view_left-bot > div .view_bold {width: 45px; font-size: 13px;}
    .m02_view .view_flex .view_left .view_left-bot > div .view_reg {font-size: 13px;}
}