/**********************************************
note : 게시판스킨 - 컨퍼런스
name : 강혜리
**********************************************/
/* 리스트 */
.bbs-user-page, .bbs-user-page .titles {text-align:left !important}
.bbs-user-page .titles {font-size:1.375rem}
#user-container .bbs-navs {position:absolute;right:0;top:0;padding:0;border-top:0}
#user-container .bbs-navs .item {margin-left:10px;padding:10px 15px;font-size:16px;line-height:1;letter-spacing:-.05em;text-decoration:none;border:1px solid #777}
#user-container .bbs-navs .item:hover {box-shadow:1px 1px 0 rgba(0,0,0,0.1)}
#user-container .bbs-navs .item.user-point {text-decoration:none;border-color:#ff6601}
.bbs-skin.conference .album-tiles:not([class*="tile-"]) > .item {width:32%;border:1px solid #ddd}
.bbs-skin.conference .album-tiles:not([class*=tile-])>:nth-child(5n+1) {margin-left:2%;clear:none}
.bbs-skin.conference .album-tiles:not([class*=tile-])>:nth-child(3n+1) {margin-left:0;clear:both}
.bbs-skin.conference .album-tiles:not([class*="tile-"]) > :nth-child(-n+5) {margin-top:2%}
.bbs-skin.conference .album-tiles:not([class*="tile-"]) > :nth-child(-n+3) {margin-top:0}
.bbs-skin.conference .album-tiles .item {position:relative}
.bbs-skin.conference .album-tiles .image {margin-bottom:0;padding-bottom:68%}
.bbs-skin.conference .album-tiles .image::before {border-width:1px}
/*.bbs-skin.conference .album-tiles .item.translucent .image::after {content:'';z-index:3;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6)}*/
.bbs-skin.conference .album-tiles .image > img {max-height:none;width:100%}
.bbs-skin.conference .album-tiles .content {padding:15px;min-height:171px;border:1px solid rgba(0,0,0,.12);border-top:0}
.bbs-skin.conference .album-tiles .titles {font-size:17px;font-weight:bold}
.bbs-skin.conference .album-tiles .info-group > em {display:block;margin-left:0;margin-top:7px;font-size:14px;color:#666}
.bbs-skin.conference .album-tiles .info-group > :first-child {margin-top:0}
.bbs-skin.conference .album-tiles .category {position:absolute;left:1px;top:0;z-index:4;padding:5px 15px;color:#fff !important;background-color:#000}
.bbs-skin.conference .album-tiles a:hover .category {background-color:#ff6601}

/* 뷰페이지 */
#user-container .view.conference {margin:-1.375rem -1.25rem 0 -1.25rem}
.bbs-skin.conference .wrap-bg {position:relative;width:100%}
.bbs-skin.conference .wrap-bg::before {content:'';position:absolute;left:0;top:0;z-index:1;display:block;width:100%;height:100%;background-color:rgba(0,0,0,.1)}
.bbs-skin.conference .wrap-bg .user-logo {position:absolute;left:calc(50% - 540px);top:10px;z-index:2}
.bbs-skin.conference .wrap-bg .user-logo > a {display:block}
.bbs-skin.conference .wrap-bg .user-logo img {height:30px}
.bbs-skin.conference .wrap-bg .images {background-size:cover}
.bbs-skin.conference .bg-title {position:absolute;left:50%;top:50%;z-index:2;padding:0 20px;width:100%;max-width:700px;transform:translate(-50%, -50%);text-align:center}
.bbs-skin.conference .bg-title .title {margin-bottom:10px;color:#fff;font-size:52px;line-height:1.2em;text-shadow:0 2px 2px rgba(0,0,0,0.5);font-weight:700;letter-spacing:0.04em}
.bbs-skin.conference .bg-title .subtitle {color:#f9ef60;font-size:24px;font-weight:700;text-shadow:0 2px 2px rgba(0,0,0,0.5);letter-spacing:0.5px}
.bbs-skin.conference .social-group {margin:35px 0;text-align:center}
.bbs-skin.conference .social-group .sns {margin:0 10px;width:50px;height:50px;font-size:30px;border-radius:50% 50%;box-shadow:0px 2px 3px rgba(0,0,0,0.2)}
.bbs-skin.conference .social-group .sns.twitter {background-color:#40a0f1}
.bbs-skin.conference .bg-title .add {display:block;text-align:center;color:#fff;font-size:18px;text-shadow:0 1px 1px rgba(0,0,0,0.5);line-height:1.7em}
.bbs-skin.conference .container, .bbs-skin.conference .prev-and-next, .bbs-skin.conference .bbs-footer-btns, .bbs-skin.conference .article-reply{max-width:1140px;margin:0 auto}
.bbs-skin.conference .bbs-footer-btns {margin-top:1.375rem}
@media screen and (max-width: 1139px) {
	.bbs-skin.conference .container, .bbs-skin.conference .prev-and-next, .bbs-skin.conference .bbs-footer-btns, .bbs-skin.conference .article-reply {padding:0 20px}
	.bbs-skin.conference .wrap-bg .user-logo {left:20px}
	.bbs-skin.conference .bg-title .title {font-size:40px}
}

#conference {padding-bottom:50px; font-size:26px;}

/**********************************************
note : main
name : 최혜진
date : 220714
**********************************************/
.banner-title {display:block;position:relative;font-size:21px;letter-spacing:-.025em;font-weight:600;text-align:center}
.banner-title::before {z-index:-1;position:absolute;content:'';top:50%;left:0;width:100%;height:1px;background-color:#ff6601;transform:translateY(-50%)}
.banner-title > strong {padding:0 15px;background-color:#fff}
.banner-title .thin {font-weight:400}

#exhi_list > table {
    width: auto;min-width: 820px;
}

/* 임희은 / 1190430 / 20220819 */
.box-skin.idx--hoz-line .header {position:relative;font-size:0;text-align:left}
.box-skin.idx--hoz-line .header::before {content:'';overflow:hidden;position:absolute;z-index:1;top:8px;left:0;width:100%;height:0;border-top:1px solid #222}
.box-skin.idx--hoz-line .header > strong, .box-skin.idx--hoz-line .header > a,
.box-skin.idx--hoz-line .header .skin-column > strong, .box-skin.idx--hoz-line .header .skin-column > a {display:inline-block;position:relative;z-index:5;margin-bottom:1.25rem;padding-right:.625rem;font-size:1.25rem;background-color:#fff;white-space:nowrap}


/* 이승현 / 1235922 / 20230119 */
#article-view .account .user>.email  {font-size: .75rem;font-weight: 300;font-weight: var(--wgt300,300);font-style: normal;line-height: 1.125;color: #707070;white-space: nowrap;  margin-left: 0.35rem;}

/* 최은비 / 1255921 / 20230329 */
#section-list .lists .thumb{height: 136px !important;}
#section-list .lists .thumb > img{max-height: none !important;}


/* 홍경아 / 1458241 / 20250331 */
#user-container .bbs-navs {position: relative;    text-align: left;}
#user-container .bbs-navs .item {margin-bottom:10px}
#user-container .bbs-navs a:first-child {margin-left:0; padding-left:0}
@media screen and (max-width: 39.9375em) {
    .row .bbs-navs .item {
        width: 45%;
    }
	}