@import url('/comm/css/sub.css');


/* 카테고리 */
.cate_tab {margin:0 auto 30px;}
.cate_tab ul {display: block; font-size: 0; text-align: center; white-space: nowrap;}
.cate_tab ul li {display: inline-block; width: auto; vertical-align: top;}
.cate_tab ul li a {display: block;  margin: 0 2.5px; min-width: 240px; box-sizing:border-box; padding:16px 20px; border-radius:500px; background:var(--grayBg); font-size:1.1111rem; line-height:160%; letter-spacing:var(--letter-spacing-default); font-weight:600; color:var(--light); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:all .3s;}
.cate_tab ul li a:hover {color:var(--black);}
.cate_tab ul li.hover a {background:var(--main) !important; color:var(--white) !important;}


/* top */
.pro_top {display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin:0 0 30px;}
.pro_total {display:flex; align-items:center; gap:5px; font-size:0.8889rem; line-height:175%; letter-spacing:var(--letter-spacing-default); color:rgba(42,38,35,0.8);}
.pro_total span {display:flex; align-items:center; gap:1px;}
.pro_total b {font-size:1rem; line-height:166.67%; font-weight:700; font-family:var(--eng); color:var(--main); letter-spacing:0;}

/* search */
.bbs_search {text-align:center; padding:30px 0 0; font-size:0;}
.pro_top .bbs_search {padding:0; text-align:left;}
.bbs_search dl {display:flex; align-items:center; gap:2px; width:auto; margin:0 auto;}
.pro_top .bbs_search dl {margin:0;}
.bbs_search dt {width:130px; position:relative; flex-shrink:0;}
.bbs_search dt::after {content:"\e313"; display:block; width:18px; height:18px; font-size:18px; line-height:18px; font-family:var(--icon); color:var(--basic); position:absolute; right:15px; top:50%; transform:translateY(-50%); pointer-events:none; text-align:center;}
.bbs_search dt select {width:100%; height:50px !important; font-size:0.8889rem; line-height:175%; letter-spacing:var(--letter-spacing-default); color:var(--basic); padding:0 33px 0 15px; border:1px solid var(--border); border-radius:var(--borderR5); background:var(--white); background-image:none; box-sizing:border-box; -webkit-appearance:none; appearance:none;}
.bbs_search dd {width:auto; position:relative; display:flex; align-items:center; gap:2px;}
.bbs_search dd .search_input {font-size:0.8889rem; color:var(--basic); border:1px solid var(--border); background-color:var(--white); padding:0 15px; height:50px; line-height:175%; letter-spacing:var(--letter-spacing-default); box-sizing:border-box; width:250px; border-radius:var(--borderR5); -webkit-appearance:none; appearance:none;}
.bbs_search dd .bbs_s_b {padding:0; border:0; background:var(--black); outline:none; cursor:pointer; width:50px; height:50px; display:flex; align-items:center; justify-content:center; transition:all .3s linear; position:relative; font-size:0; border-radius:var(--borderR5);}
.bbs_search dd .bbs_s_b:hover {background:var(--main);}
.bbs_search dd .bbs_s_b span {display:none;}
.bbs_search dd .bbs_s_b::after {content:"\e8b6"; display:block; width:24px; height:24px; line-height:24px; font-size:24px; text-align:center; color:var(--white); font-family:var(--icon);}





/* list */
.presentation_list {width:100%; table-layout:fixed; border-top:2px solid var(--main); border-collapse:collapse;}
.presentation_list .col-round {width:100px;}
.presentation_list .col-date {width:260px;}
.presentation_list .col-tit {width:auto;}
.presentation_list .col-period {width:400px;}
.presentation_list .col-people {width:160px;}
.presentation_list .col-status {width:130px;}
.presentation_list th,.presentation_list td {padding:16px 10px; border-bottom:1px solid var(--border); box-sizing:border-box; font-size:1rem; line-height:166.67%; letter-spacing:var(--letter-spacing-default); color:var(--basic); text-align:center; vertical-align:middle; word-break:keep-all;}
.presentation_list thead th {padding:17px 0; font-weight:600; color:var(--black);}
.presentation_list td.date {color:var(--main);}
.presentation_list td.tit {text-align:left; color:var(--black);}
.presentation_list td.people {text-align:right;}
.presentation_list td.people b {font-weight:700; color:var(--main);}
.presentation_list td.status {font-size:0;}
.presentation_list .btn_status,.presentation_view .btn_status {display:inline-flex; align-items:center; justify-content:center; width:90px; padding:5px 0; border:0; border-radius:100px; box-sizing:border-box; font-size:0.8889rem; line-height:175%; font-weight:600; letter-spacing:var(--letter-spacing-default); text-align:center;}
.presentation_list a.btn_status,.presentation_view a.btn_status {text-decoration:none; cursor:pointer; transition:opacity .3s;}
.presentation_list a.btn_status:hover,.presentation_view a.btn_status:hover {opacity:0.85;}
.presentation_list .btn_status.ready,.presentation_view .btn_status.ready {background:var(--sub3); color:var(--white);}
.presentation_list .btn_status.open,.presentation_view .btn_status.open {background:var(--main); color:var(--white);}
.presentation_list .btn_status.closed,.presentation_view .btn_status.closed {background:rgba(42,38,35,0.4); color:rgba(255,255,255,0.5);}

/* btn */
.bbs_btn {display:flex; align-items:center; justify-content:flex-end; width:100%; padding:30px 0 0; box-sizing:border-box;}
.bbs_btn .btn_w {display:inline-flex; align-items:center; justify-content:center; width:90px; height:44px; padding:0; border:1px solid var(--border); border-radius:var(--borderR5); background:var(--white); box-sizing:border-box; font-size:0.8889rem; line-height:175%; letter-spacing:var(--letter-spacing-default); color:var(--basic); text-align:center; transition:all .3s;}
.bbs_btn .btn_w:hover {border-color:var(--black); color:var(--black);}




/* View */
.presentation_view {width:100%;}
.presentation_view table {width:100%; table-layout:fixed; border-collapse:collapse; border-top:2px solid var(--main);}
.presentation_view .col-th {width:320px;}
.presentation_view .col-td {width:auto;}
.presentation_view th,.presentation_view td {padding:16px 18px; border-bottom:1px solid var(--border); border-right:1px solid var(--border); box-sizing:border-box; vertical-align:middle; font-size:1rem; line-height:166.67%; letter-spacing:var(--letter-spacing-default); text-align:left;}
.presentation_view th:last-child,.presentation_view td:last-child {border-right:0;}
.presentation_view th {background:var(--grayBg); font-weight:600; color:var(--black);}
.presentation_view td {background:var(--white); font-weight:400; color:var(--basic);}
.presentation_view td.date {color:var(--main);}

/*******************************************************************************
    @media 1500px
*******************************************************************************/
@media all and (max-width:1500px){


/* list */
.presentation_list .col-round {width:80px;}
.presentation_list .col-date {width:200px;}
.presentation_list .col-tit {width:auto;}
.presentation_list .col-period {width:300px;}
.presentation_list .col-people {width:140px;}
.presentation_list .col-status {width:100px;}

/* View */
.presentation_view .col-th {width:260px;}
.presentation_view th,.presentation_view td {padding:14px 16px;}

}
/*******************************************************************************
    @media ~1300px
*******************************************************************************/
@media all and (max-width:1300px){

/* list */
.presentation_list .col-round {width:70px;}
.presentation_list .col-date {width:160px;}
.presentation_list .col-period {width:200px;}
.presentation_list .col-people {width:140px;}
.presentation_list .col-status {width:100px;}
.presentation_list th,.presentation_list td {padding:14px 8px; font-size:0.8889rem; line-height:175%;}
.presentation_list thead th {padding:14px 8px;}
.presentation_list td.tit {padding-left:12px; padding-right:12px;}
.presentation_list .btn_status,.presentation_view .btn_status {width:80px; font-size:0.8333rem;}

/* View */
.presentation_view .col-th {width:200px;}
.presentation_view th,.presentation_view td {padding:14px 12px; font-size:0.8889rem; line-height:175%;}

}
/*******************************************************************************
    @media  ~980px               
*******************************************************************************/
@media all and (max-width:980px){


/* 카테고리 */
.cate_tab {margin:0 auto 20px;}
.cate_tab ul li a {padding:14px 20px; font-size:1rem;  min-width: 140px;}

/* top */
.pro_top {margin:0 0 16px;}
.bbs_search dd .search_input {width:200px;}

/* list */
.presentation_list {table-layout:auto;}
.presentation_list colgroup {display:none;}
.presentation_list thead {display:none;}
.presentation_list,.presentation_list tbody,.presentation_list tr,.presentation_list td {display:block; width:100%;}
.presentation_list tr {padding:16px; border-bottom:1px solid var(--border); box-sizing:border-box;}
.presentation_list td {position:relative; min-height:24px; padding:0 0 0 130px !important; border:0; box-sizing:border-box; text-align:left !important; font-size:1rem; line-height:166.67%;}
.presentation_list td ~ td {margin-top:8px;}
.presentation_list td::before {content:attr(data-th); position:absolute; left:0; top:0; width:120px; color:var(--black); font-weight:600; font-size:1rem; line-height:166.67%; letter-spacing:var(--letter-spacing-default); text-align:left;}
.presentation_list td.tit {text-align:left !important; padding-left:130px !important; padding-right:0 !important;}
.presentation_list td.people {text-align:left !important;}
.presentation_list td.status {font-size:0;}
.presentation_list .btn_status,.presentation_view .btn_status {width:80px; font-size:0.8333rem;}

/* View */
.presentation_view table {table-layout:auto; border-top:2px solid var(--main);}
.presentation_view colgroup {display:none;}
.presentation_view,.presentation_view tbody,.presentation_view tr,.presentation_view th,.presentation_view td {display:block; width:100%;}
.presentation_view th,.presentation_view td {padding:12px 16px; border-right:0; border-bottom:0; box-sizing:border-box;}
.presentation_view th {background:var(--grayBg);}
.presentation_view td {background:var(--white); border-bottom:1px solid var(--border);}

}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){

/* 카테고리 */
.cate_tab {margin:0 auto 20px; box-sizing: border-box; padding: 0 5%;}
.cate_tab ul li a {padding:10px 16px; font-size:0.8889rem; min-width:100px;}

/* top */
.pro_top {flex-wrap:wrap; align-items:center; gap:12px; margin:0 0 15px;}
.pro_top .bbs_search {width:100%; padding:0;}
.pro_top .bbs_search dl {width:100%;}
.pro_top .bbs_search dd {flex:1; min-width:0; width:auto;}
.pro_top .bbs_search dt select {height:40px !important; padding:0 28px 0 12px;}
.pro_top .bbs_search dt::after {right:10px;}
.pro_top .bbs_search dd .search_input {width:calc(100% - 42px); flex:1; height:40px; padding:0 12px;}
.pro_top .bbs_search dd .bbs_s_b {width:40px; height:40px;}
.pro_top .bbs_search dd .bbs_s_b::after {width:20px; height:20px; line-height:20px; font-size:20px;}

/* 검색바 */
.bbs_search {padding:20px 0 0;}
.bbs_search dt {width:90px;}
.bbs_search dt select {height:45px !important;}
.bbs_search dt::after {width:16px; height:16px; font-size:16px; line-height:16px; right:10px;}
.bbs_search dd {width:auto;}
.bbs_search dd .search_input {padding:0 10px; height:45px; width:180px;}
.bbs_search dd .bbs_s_b {width:45px; height:45px;}
.bbs_search dd .bbs_s_b::after {width:20px; height:20px; line-height:20px; font-size:20px;}

/* list */
.presentation_list tr {padding:14px;}
.presentation_list td {padding:0 0 0 110px !important;}
.presentation_list td::before {width:100px;}
.presentation_list td.tit {padding-left:110px !important;}
.presentation_list .btn_status,.presentation_view .btn_status {width:100%; padding:2px 0;}

/* View */
.presentation_view th,.presentation_view td {padding:10px 14px; font-size:0.8889rem;}

/* btn */
.bbs_btn {padding:20px 0 0;}
.bbs_btn .btn_w {width:70px; height:38px;}

}