/* etc layout */
.container .layout-wrap { max-width: 1400px; margin: 0 auto; }
.container .board-wrap { width: 100%; } 
.container .flexbox { width: 100%; display: flex; align-items: center; justify-content: space-between; } 

/* 타이틀 */
.container .sub-tit { padding: 60px 0 30px; font-size: 36px; font-weight: 600; line-height: 36px; } 
.container .sub-tit .normal { display: inline-block; padding-left: 20px; font-size: 18px; font-weight: 400; } 
.container .sub-tit02 { font-size: 28px; font-weight: 700; text-align: left; } 
.container .sub-tit02 > b { font-size: 24px; }
.container .table-tit { font-size: 24px; text-align: center; } 
.container .list-tit { font-size: 22px; font-weight: 700; padding-bottom: 30px; } 
.container .flexbox .sub-tit { padding-bottom: 40px; }

.sub-tit + .flexbox,
.sub-tit + .list-tit,
.sub-tit + .sub-tit02 { margin-top: 30px; }

/* location */
.location { margin-top: 30px; display: flex; align-items: center; justify-content: space-between; } 
.location .location-menu { float: left; } 
.location .location-menu ul { display: flex; gap: 0 24px; } 
.location .location-menu ul li { position: relative; } 
.location .location-menu ul li:not(:last-child):before { content: ''; position: absolute; right: -17px; top: 5px; width: 8px; height: 15px; background: url(../img/sub/ico_arrow_local.svg) no-repeat 50% 50%; } 
.location .location-menu ul li a { font-weight: 400; font-size: 14px; color: #999; } 
.location .location-menu ul li a img { vertical-align: top; padding-top: 4px; } 
.location .location-menu ul li.menu_on a { color: #000; } 
.location .btn-list { position: relative; } 
.location .btn-list button { margin-left: 30px; font-weight: 400; font-size: 15px; } 
.location .btn-list button img { vertical-align: top; margin-right: 10px; } 

/* search */

.search-box { margin: 10px 0 40px; position: relative; height: 50px; } 
.search-box .title { float: left; width: 700px; height: 50px; line-height: 50px; background: #FFFFFF; }

.sorting-list { display: inline-block; height: 100%; }
.sorting-list > * { margin-right: 40px; position: relative; line-height: 80px; color: #999; }
.sorting-list > *.on { color: #000; }
.sorting-list > *:not(:first-child)::before { content: ''; width: 1px; height: 12px; left: -20px; position: absolute; top: 50%; transform: translateY(-50%); background: #ccc; }


.top-category { border: 1px solid #ddd; border-radius: 60px; width: 200px; height: 50px; position: absolute; right: 410px; bottom: 0; }
.top-category select { width: 100%; height: 100%; }

.search-box form { float: right; width: 400px; height: 50px; background: #FFFFFF; border: 1px solid #ddd; border-radius: 60px; display: flex; justify-content: flex-start; align-items: center; gap: 0 30px; } 
.search-box .right-search { width: 400px; height: 50px; background: #FFFFFF; border: 1px solid #ddd; border-radius: 60px; display: flex; justify-content: flex-start; align-items: center; gap: 0 30px; } 

.search-box select#search-select { font-weight: 400; font-size: 18px; line-height: 21px; padding: 0 30px; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url(../img/sub/ico_select_input.svg) no-repeat 100% 50%; border: none; } 
.search-box input { width: 190px; padding: 10px 0; border: none; font-weight: 400; font-size: 18px; } 
.search-box button.search { margin-left: 0; width: 21px; height: 21px; background: url(../img/sub/ico_search2.svg) no-repeat; background-size: cover; } 
.flexbox .search-box { margin: 60px 0 40px; }



.title-type { display:flex; justify-content: space-between; align-items: center; }
.title-type .sub-tit { margin-bottom:40px; padding:0; font-size: 36px; font-weight: 600; line-height: 36px; } 

.title-type .top-category { border: 1px solid #ddd; border-radius: 60px; width: 200px; height: 50px; }
.title-type .top-category select { width: 100%; height: 100%; }

.title-type .search-box form { width: 400px; height: 50px; background: #FFFFFF; border: 1px solid #ddd; border-radius: 60px; display: flex; justify-content: flex-start; align-items: center; gap: 0 30px; } 
.title-type .search-box .right-search { width: 400px; height: 50px; background: #FFFFFF; border: 1px solid #ddd; border-radius: 60px; display: flex; justify-content: flex-start; align-items: center; gap: 0 30px; } 

.title-type .search-box select#search-select { font-weight: 400; font-size: 18px; line-height: 21px; padding: 0 30px; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url(../img/sub/ico_select_input.svg) no-repeat 100% 50%; border: none; } 
.title-type .search-box input { width: 190px; padding: 10px 0; border: none; outline: none; font-weight: 400; font-size: 18px; } 
.title-type .search-box button.search { margin-left: 0; width: 21px; height: 21px; background: url(../img/sub/ico_search2.svg) no-repeat; background-size: cover; } 
.title-type .flexbox .search-box { margin: 60px 0 40px; }


/* tab */
.container .con-tab { padding: 60px 0 0; width: 100%; display: flex; align-items: center; justify-content: center; } 
.container .con-tab li { flex: 1; margin: -1px 0 0 -1px; border: 1px solid #ccc; background: #fff; } 
.container .con-tab li a { display: block; padding: 18px 0; font-size: 20px; color: #000; text-align: center; } 
.container .con-tab li.on { background: #D23345; border: 1px solid #D23345; z-index: 1; } 
.container .con-tab li.on a { color: #fff; font-weight: 700; } 
.container .con-tab.on { position: fixed; top: 90px; }

/* sub tab */
.container .sub-tab { margin-top: 50px; width: 100%; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 20px 20px; } 
.container .sub-tab li { position: relative; height: 50px; line-height: 50px; color: #555; background: #f2f2f2; border-radius: 30px; } 
.container .sub-tab li a { display: block; padding: 0 40px; } 
.container .sub-tab li.on { color: #D23345; font-weight: 600; background: #fff; border: 2px solid #D23345; border-bottom-left-radius: 0; border-top-left-radius: 40px; } 

/* layer_total_search */
.layer_total_search { visibility: hidden;opacity: 0; position:fixed; left:0; right:0; top: -100%; width:100%; max-height: 650px; background:#fff; z-index:1001; transition: ease .3s; }
.layer_total_search.on { visibility: visible; opacity: 1; top: 0; min-height: 450px; }
.layer_total_search .search_input_box { box-sizing: border-box; padding:50px 0 60px; }
.layer_total_search .search_input_box .search_input { margin: 0 auto; width: 1000px; padding: 0 15px; border-bottom: 2px solid #000; display: flex; align-items: center; gap: 0 20px; box-sizing: border-box; }
.layer_total_search .search_input_box .search_input input { width: calc( 100% - 30px ); padding: 15px 0; font-size: 24px; outline: none;}
.layer_total_search .search_input_box .search_input input::placeholder { font-weight: 600; }
.layer_total_search .search_input_box button { display:block; width:30px; height:30px; background:url(../img/common/ico_search.svg) 0 50% no-repeat; color:#fff; font-size: 0; }

.layer_total_search .search_result_box { margin:0 auto; padding-bottom: 80px; width:1000px; min-height:256px; max-height: 524px; }
.layer_total_search .search_result_box::after { content:''; display:block; clear:both; }
.layer_total_search .search_result_box .tit { font-size: 22px; color: #000; }
.layer_total_search .search_result_box .date { position: absolute; right: 40px; top: 6px; font-size: 14px; color: #999; }
.layer_total_search .search_result_box .search_popularity,
.layer_total_search .search_result_box .search_recommend { position: relative; float:left; height: 100%; box-sizing: border-box; }
.layer_total_search .search_result_box .search_popularity { width:50%; padding-right:26px; }

.layer_total_search .search_result_box .search_popularity ul { margin-top:30px; }
.layer_total_search .search_result_box .search_popularity ul li { margin-top:20px; }
.layer_total_search .search_result_box .search_popularity ul li a { color:#000; }
.layer_total_search .search_result_box .search_popularity ul li a span { display:inline-block; margin-right:10px; color:#D23345; font-weight: 600; }

.layer_total_search .search_result_box .search_recommend { position:relative; width:50%; padding-left:100px; }
.layer_total_search .search_result_box .search_recommend:before { content: ''; display: block; position: absolute; left: 0; width: 1px; height: 100%; background: #eee; }
.layer_total_search .search_result_box .search_recommend ul { margin-top:30px; }
.layer_total_search .search_result_box .search_recommend li { margin-top:20px; position: relative; }
.layer_total_search .search_result_box .search_recommend li a { color:#000; }
.layer_total_search .search_result_box .search_recommend li::before { content: ''; position: absolute; left: -15px; top: 50%; transform: translateY(-50%); width: 4px; height: 4px; border-radius: 50%; background: #D23345; }
.layer_total_search .search_close_wrap { position: absolute; }
.layer_total_search .btn_search_close { display:block; position:absolute; right:0; top:0; width:124px; height:124px; }
.layer_total_search .btn_search_close:before,
.layer_total_search .btn_search_close:after { content: ''; display: block; position: absolute; left: 50%; top: 50%; width: 30px; height: 2px; margin: -1px 0 0 -15px; background: #000; transform-origin: center; }

.layer_total_search .btn_search_close:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); }
.layer_total_search .btn_search_close:after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); }

.layer_total_search .search_list { margin:0 auto; padding:10px 0; width:1000px; height:auto; max-height:324px; overflow-y:auto; }
.layer_total_search .search_list li a { display: block; padding:10px 20px; color:#000; }
.layer_total_search .search_list li.active a{ background: #fafafa; }
.layer_total_search .search_list strong { color: #D23345; }

/* layer_total_search_result */
/* .layer_total_search_result { position:fixed; left:0; right:0; top: -100%; width:100%; max-height: 650px; background:#fff; z-index:1001; transition: ease .3s; } */
.layer_total_search_result.on { visibility: visible; opacity: 1; top: 0; min-height: 450px; }
.layer_total_search_result .search_input_box { box-sizing: border-box; padding:50px 0 60px; }
.layer_total_search_result .search_input_box .search_input { margin: 0 auto; width: 1000px; padding: 0 15px; border-bottom: 2px solid #000; display: flex; align-items: center; gap: 0 20px; box-sizing: border-box; }
.layer_total_search_result .search_input_box .search_input input { width: calc( 100% - 30px ); padding: 15px 0; font-size: 24px; outline:none;}
.layer_total_search_result .search_input_box .search_input input::placeholder { font-weight: 600; }
.layer_total_search_result .search_input_box button { display:block; width:30px; height:30px; background:url(../img/common/ico_search.svg) 0 50% no-repeat; color:#fff; font-size: 0; }

.layer_total_search_result .search_result_box { margin:0 auto; padding-bottom: 80px; width:1000px; min-height:256px; max-height: 524px; }
.layer_total_search_result .search_result_box::after { content:''; display:block; clear:both; }
.layer_total_search_result .search_result_box .tit { font-size: 22px; color: #000; }
.layer_total_search_result .search_result_box .date { position: absolute; right: 40px; top: 6px; font-size: 14px; color: #999; }
.layer_total_search_result .search_result_box .search_popularity,
.layer_total_search_result .search_result_box .search_recommend { position: relative; float:left; height: 100%; box-sizing: border-box; }
.layer_total_search_result .search_result_box .search_popularity { width:50%; padding-right:26px; }

.layer_total_search_result .search_result_box .search_popularity ul { margin-top:30px; }
.layer_total_search_result .search_result_box .search_popularity ul li { margin-top:20px; }
.layer_total_search_result .search_result_box .search_popularity ul li a { color:#000; }
.layer_total_search_result .search_result_box .search_popularity ul li a span { display:inline-block; margin-right:10px; color:#D23345; font-weight: 600; }

.layer_total_search_result .search_result_box .search_recommend { position:relative; width:50%; padding-left:100px; }
.layer_total_search_result .search_result_box .search_recommend:before { content: ''; display: block; position: absolute; left: 0; width: 1px; height: 100%; background: #eee; }
.layer_total_search_result .search_result_box .search_recommend ul { margin-top:30px; }
.layer_total_search_result .search_result_box .search_recommend li { margin-top:20px; position: relative; }
.layer_total_search_result .search_result_box .search_recommend li a { color:#000; }
.layer_total_search_result .search_result_box .search_recommend li::before { content: ''; position: absolute; left: -15px; top: 50%; transform: translateY(-50%); width: 4px; height: 4px; border-radius: 50%; background: #D23345; }
.layer_total_search_result .search_close_wrap { position: absolute; }
.layer_total_search_result .btn_search_close { display:block; position:absolute; right:0; top:0; width:124px; height:124px; }
.layer_total_search_result .btn_search_close:before,
.layer_total_search_result .btn_search_close:after { content: ''; display: block; position: absolute; left: 50%; top: 50%; width: 30px; height: 2px; margin: -1px 0 0 -15px; background: #000; transform-origin: center; }

.layer_total_search_result .btn_search_close:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); }
.layer_total_search_result .btn_search_close:after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); }

.layer_total_search_result .search_list { margin:0 auto; padding:10px 0; width:1000px; height:auto; max-height:324px; overflow-y:auto; z-index: 2; border: 1px solid #ddd; border-top: 0;}
.layer_total_search_result .search_list li a { display: block; padding:10px 20px; color:#000; }
.layer_total_search_result .search_list li.active a{ background: #fafafa; }
.layer_total_search_result .search_list strong { color: #D23345; }

/* hidden */
.hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}

/* 공유하기 팝업 ------------------------------------------------------*/
/* share-box */
.share-box { display: inline-block; position: relative; margin-left: 5px; } 
.share-box .list-sns { display: none; position: absolute; top: 14px; right: 0; width: 325px; height: 243px; padding: 15px 0 35px 25px; border: 1px solid #ccc; background: #fff; z-index: 5; } 
.share-box.on .list-sns { display: block; } 
.share-box .list-sns a { display: inline-block; min-width: 56px; margin: 30px 17px 0; padding-top: 50px; font-size: 16px; text-align: center; line-height: 1; } 
.share-box .list-sns .facebook { background: url('../img/common/ico_share_facebook.svg') no-repeat top; } 
.share-box .list-sns .twitter { background: url('../img/common/ico_share_twitter.svg') no-repeat top; } 
.share-box .list-sns .kstory { margin-left: 0; background: url('../img/common/ico_share_kakaostory.svg') no-repeat top; } 
.share-box .list-sns .band { background: url('../img/common/ico_share_band.svg') no-repeat top; } 
.share-box .list-sns .urlcopy { background: url('../img/common/ico_share_url.svg') no-repeat top; } 
.share-box .list-sns .btn_close { position: absolute; top: 17px; right: 17px; width: 18px; height: 19px; margin: 0; padding: 0; background: url('../img/sub/ico_x.svg') no-repeat top right; } 

/* #33527 -> #33528 문화경영포럼 업데이트 */
.forum-year {
    text-align:center;
    margin-top:50px;
}

.forum-list{
    position:relative;
}

ul.forum-list li {
    cursor: pointer;
    display:inline-block;
    list-style:none;
}

ul.forum-list li:first-child::before {
    display:none;
}

ul.forum-list li:before {
    display:inline-block;
    position:relative;
    content:'';
    width:1px;
    height:15px;
    margin:0 20px;
    background-color:#000;
}

.forum-red {
    color:#D23345;
    font-weight:bold;
}