@charset "utf-8";

#sub {padding-top:120px;}
#sub #footer {border-top:1px solid #ddd;}
.sub-visual {height:560px; background-repeat:no-repeat; background-position:center center; display:flex; flex-direction:column;}
.sub-visual01 {background-image:url('../img/sub/sub-visual01.jpg');}
.sub-visual02 {background-image:url('../img/sub/sub-visual02.jpg');}
.sub-visual03 {background-image:url('../img/sub/sub-visual03.jpg');}
.sub-visual04 {background-image:url('../img/sub/sub-visual04.jpg');}
.sub-visual05 {background-image:url('../img/sub/sub-visual05.jpg');}
.sub-visual06 {backgRound-image:url('../img/sub/sub-visual06.jpg');}
.sub-visual .sub-title {height:1%; flex:1 1 auto; display:flex; align-items:center; justify-content:center; text-align:center;}
.sub-visual .sub-title h2 {font-size:72px; line-height:1.1em; color:#fff;}
.lnb {background:#fcaf17; border-radius:16px 16px 0 0; overflow:hidden; height:100%;}
.lnb ul {display:flex;}
.lnb ul li {width:100%;}
.lnb ul li a {height:80px; font-size:20px; line-height:1.5em; font-weight:700; color:#111; display:flex; justify-content:center; align-items:center; text-align:center; border-radius:16px 16px 0 0;}
.lnb ul li.active a {background:#fff;}
/* sub */
.real-cont {padding:160px 0 180px;}
/* login */
.sub010 {display:none;}
.sub0 {display:none;} 
/* sub 05 */
.forum .tit-box h3 {font-size:60px; line-height:1.2em; color:#111; text-align:center;}
.forum .tab-menu {margin-bottom:40px; position:relative; height:50px;}
.forum .tab-menu .category ul {display:flex;}
.forum .tab-menu .category ul li {padding-right:8px;}
.forum .tab-menu .category ul li a {font-size:16px; line-height:48px; border:1px solid #010101; padding:0 25px; border-radius:25px; transition:all 0.4s; color:#010101; background:#fff;}
.forum .tab-menu .category ul li a#bo_cate_on {color:#fff; background:#010101;}
.forum .tab-menu .category ul li a:hover {color:#fff; background:#010101;}
.forum .tab-menu .tab {position:absolute; top:0; right:0; border:1px solid #111; width:180px; border-radius:25px; background:#fff;}
.forum .tab-menu .tab .open {line-height:48px; font-size:16px; color:#111; padding:0 25px; position:relative;}
.forum .tab-menu .tab .open:after {content:''; width:14px; height:14px; background:url('../img/sub/tab-arrow.png') no-repeat; background-size:cover; position:absolute; top:50%; margin-top:-7px; right:25px; transition:all 0.4s;}
.forum .tab-menu .tab.on .open:after {transform:rotate(180deg);}
.forum .tab-menu .tab ul {padding:0 25px 15px;}
.forum .tab-menu .tab ul li a {font-size:16px; line-height:20px; color:#111; transition:all 0.4s; display:inline-block; position:relative;}
.forum .tab-menu .tab ul li a:hover {color:#fcaf17;}
.forum .tab-menu .tab ul li a:after {content:''; width:100%; height:1px; background:#fcaf17; position:absolute; bottom:0; left:0; opacity:0; transition:all 0.4s;}
.forum .tab-menu .tab ul li a:hover:after {opacity:1;}
/* 연도별 리스트 */
.forum .cnt {margin-bottom:20px; border:1px solid #ddd; border-radius:20px; padding:60px 50px 70px; transition:all 0.4s;}
.forum .cnt:last-child {margin-bottom:0;}
.forum .cnt .tit {padding-bottom:24px; margin-bottom:30px; border-bottom:1px solid #ddd; transition:all 0.4s;}
.forum .cnt .tit h4 {font-size:34px; line-height:1.1em; color:#111; transition:all 0.4s;}
.forum .cnt .txt li {margin-bottom:10px;}
.forum .cnt .txt li:last-child {margin-bottom:0;}
.forum .cnt .txt li a {display:flex; align-items:center;}
.forum .cnt .txt li span {width:100%; max-width:90px; line-height:32px; border-radius:16px; color:#fff; font-size:16px; font-weight:700; text-align:center; display:block;}
.forum .cnt .txt li span.nor {background:#111;}
.forum .cnt .txt li span.spe {background:#fcaf17; }
.forum .cnt .txt li p {width:1%; flex:1 1 auto; padding-left:10px; font-size:18px; line-height:1.6em; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.forum .cnt:has(.txt ul li a:hover) {border-color:#fcaf17; background:#fffbf3;}
.forum .cnt:has(.txt ul li a:hover) .tit {border-color:#fcaf17;}
.forum .cnt:has(.txt ul li a:hover) .tit h4 {color:#fcaf17;}
/* 연도 안 분류별 리스트 */
.forum .col {display:flex; flex-wrap:wrap; margin:0 -5px 50px;}
.forum .col .row {width:25%; padding:0 5px; margin-bottom:10px;}
.forum .inner {display:block; border:1px solid #ddd; border-radius:20px; padding:40px; transition:all 0.4s;}
.forum .inner:hover {border-color:#fcaf17;}
.forum .inner .date {text-align:right;}
.forum .inner .date p {font-size:18px; line-height:1.8em; color:#bdbdbd; font-weight:700; transition:all 0.4s;}
.forum .inner:hover .date p {color:#fcaf17;}
.forum .inner .tit {margin-bottom:28px; padding-bottom:28px; border-bottom:1px solid #ddd;}
.forum .inner .tit p {font-size:14px; font-weight:600; color:#111; font-weight:600; padding:0 12px; display:inline-block; margin-bottom:14px; line-height:30px; border-radius:15px; background:#fcaf17;}
.forum .inner .tit h4 {font-size:24px; line-height:1.4em; color:#111; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.forum .inner .txt p {font-size:16px; line-height:1.8em; color:#666; height:calc(1.8em * 1 * 6); overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical;}