@charset "utf-8";
.board_container {width:88%; max-width:1280px; margin:0 auto 0;}
.board_container.magazine {max-width:1367px;}
.board_container.news {max-width:1168px;}
.board_container.news_view {max-width:1450px;}
.board_container.bna {max-width:1575px;}
.uptodate_list {padding-top:8.5rem; margin-bottom:-4.5rem;}
.uptodate_list li {padding:4.5rem 0;}
.uptodate_list li+li {border-top:1px solid #C4C4C4;}
.uptodate_list .inbox {display:flex; gap:6rem;}
.uptodate_list .img {width:42.6rem; height:31.7rem;}
.uptodate_list .img img {width:100%; height:100%; object-fit:cover;}
.uptodate_list .cont {flex:1; min-width:0; padding-top:3rem;}
.uptodate_list .tit {overflow:hidden; font-size:3.2rem; font-weight:500; white-space:nowrap; text-overflow:ellipsis;}
.uptodate_list .txt {height:10.78rem; margin:3.5rem 0; font-size:1.8rem; line-height:2.7rem; overflow:hidden;}
.uptodate_list .txt {display: -webkit-box; overflow: hidden; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis;}
.uptodate_list .binfo {display:flex; font-size:1.6rem; color:#4B4B4B; gap:1rem;}
.uptodate_list .binfo span {position:relative;}
.uptodate_list .binfo span:first-child {color:#B51D29; font-weight:500;}
@media screen and (max-width:1024px){	
	.uptodate_list {padding-top:0rem;}
	.uptodate_list .inbox {flex-direction:column; gap:4rem;}
	.uptodate_list .img {width:auto; max-width:426px;}
	.uptodate_list .cont {padding:0;}
	.uptodate_list .tit {font-size:2.4rem;}
	.uptodate_list .txt {margin:2rem 0;}
}

.page_list {display:flex; justify-content:center; align-items:center; gap:2rem; margin-top:10rem; text-align:center;}
.page_list a {min-width:17px; height:17px; padding:0 3px; font-size:16px; color:#000; line-height:17px;}
.page_list .btn_page.active {color:#B51D29; font-weight:700;}
.page_list .btn_first,
.page_list .btn_last {overflow:hidden; text-indent:-999px; background:url('../images/board/icon_page_arr1.svg') no-repeat center/contain;}
.page_list .btn_prev,
.page_list .btn_next {overflow:hidden; text-indent:-999px; background:url('../images/board/icon_page_arr2.svg') no-repeat center/contain;}
.page_list .btn_last,
.page_list .btn_next {transform:rotate(180deg);}
@media screen and (max-width:1024px){	
	.page_list {gap:1.5rem; margin-top:10rem;}
	.page_list a {min-width:15px; height:15px; font-size:15px; line-height:15px;}
}

.nodata {padding:5rem; text-align:center; font-size:1.8rem;}

.board_view1 {display:flex; justify-content:space-between; align-items:flex-start; position:relative; margin-top:19rem;}
.board_view1 .lcont {position:sticky; left:0; top:16rem; width:40%;}
.board_view1 .lcont .st {font-family: 'Optima', sans-serif; font-size:2.5rem; color:#B51D29; font-weight:500}
.board_view1 .lcont .tit {margin:3rem 0; font-size:4.8rem; font-weight:500; line-height:1.2; letter-spacing:-0.06em;}
.board_view1 .lcont .binfo {display:flex; font-size:1.9rem; color:#606060; gap:1rem;}
.board_view1 .lcont .binfo span {position:relative;}
.board_view1 .rcont {width:45%; max-width:566px; font-size:1.8rem; line-height:1.5;}
.board_view1 .rcont img {max-width:100%;}
.board_view1 .movie_box {position:relative; padding-bottom:56.25%;}
.board_view1 .rcont iframe {position:absolute; top:0; left:0; width:100% !important; height:100% !important;}
.board_view1 .rcont .tag {display:flex; flex-wrap:wrap; margin-top:16rem;}
.board_view1 .rcont .tag strong {margin-right:2rem; font-size:2.2rem; font-family: "Kumbh Sans", sans-serif; font-weight:500;}
.board_view1 .rcont .tag > div {display:flex; flex-wrap:wrap; gap:0.8rem; flex:1; min-width:0;}
.board_view1 .rcont .tag span {padding:0.5rem 1.5rem; border: 1px solid #737373; font-size:1.8rem; font-weight:300; color:#737373;}
.board_view1 .btn_wrap {display:flex; gap:1.6rem; margin-top:4rem;}
.board_view1 .btn_wrap a {position:relative; width:4.1rem; height:4.1rem; border:1px solid #000000; border-radius:100%; transition:background 0.4s;}
.board_view1 .btn_wrap a::before {position:absolute; top:0; left:0; right:0; bottom:0; background:url('../images/board/icon_vpage_arr.svg') no-repeat center; background-size:1.9rem auto; content:''; transition:all 0.4s;}
.board_view1 .btn_wrap a:hover {border-color:#B51D29; background:#B51D29;}
.board_view1 .btn_wrap a:hover::before {filter: grayscale(1) brightness(0) invert(1);}
.board_view1 .btn_wrap .btn_page_prev::before,
.board_view1 .btn_wrap .btn_page_next::before {background-image:url('../images/board/icon_vpage_arr.svg'); background-size:1rem 1.7rem;}
.board_view1 .btn_wrap .btn_page_next {transform:rotate(180deg);}
.board_view1 .btn_wrap .btn_page_list:before {background-image:url('../images/board/icon_vpage_list.svg'); background-size:1.9rem 1.2rem;}


.board_view1.news .lcont {width:35%; max-width:480px;}
.board_view1.news .rcont {width:55%; max-width:780px;}
@media screen and (max-width:1024px){	
	.board_view1 {flex-direction:column; gap:5rem; margin-top:10rem;}
	.board_view1 .lcont {position:static; width:100% !important; top:auto; max-width:none !important;}
	.board_view1 .lcont .tit {margin:2rem 0; font-size:3.5rem;}
	.board_view1 .rcont {width:100% !important; max-width:none !important;}
	.board_view1 .rcont .tag {margin-top:3rem;}
}


.board_tit {margin:18rem 0 12rem; text-align:center;}
.board_tit span {display:block; font-family: Optima, sans-serif; color:#B51D29; font-weight:500;}
.board_tit strong {display:block; margin-top:1rem; font-size:4.5rem; font-weight:500; line-height:1.33;}

.btit {margin:13rem 0 7.5rem; font-family: Optima, sans-serif; font-size:5.5rem; font-weight:500; line-height:1;}
@media screen and (max-width:1024px){
	.board_tit {margin:8rem 0 5rem;}
	.board_tit strong {font-size:3.5rem;}
	
	.btit  {margin:8rem 0 4rem; font-size:3.5rem;}

}

.board_list {width:100%; border-top:1px solid #3F3F3F;}
.board_list th,
.board_list td {padding:2rem; border-bottom:1px solid #C8C8C8; text-align:center;}
.board_list th {height:5.6rem; font-size:1.8rem; color:#3C3C3C; font-weight:500; background:#F8F8F8;}
.board_list td  {font-size:1.7rem;}
.board_list td.tit {padding-left:10rem; text-align:left;}
.board_list td.tit a {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}


.board_list.online th,
.board_list.online td {padding:2rem 1rem;}
.board_list.online .num {width:10rem;}
.board_list.online .ca {width:17rem;}
.board_list.online .state {width:13rem;}
.board_list.online .date {width:13rem;}
.board_list.online .writer {width:13rem;}
.board_list.online td.ca {color:#B51D29; font-weight:300; font-family: "Kumbh Sans",sans-serif;}
.board_list.online td.tit {padding-left:2rem; text-align:left}
.board_list.online td.tit a {padding-left:2.4rem; background:url('../images/board/icon_lock.svg') no-repeat 0 center; background-size:1.3rem auto;}
.board_list.online .binfo {display:none;}
@media screen and (max-width:1024px){	
	.board_list colgroup {display:none;}
	.board_list .num {display:none;}
	.board_list .date {width:12rem;}
	.board_list th,
	.board_list td {padding:2rem 1rem;}
	.board_list td.tit {padding-left:2rem;}
	
	.board_list.online thead {display:none;}
	.board_list.online td {font-size:2rem;}
	.board_list.online .ca {display:none;}
	.board_list.online .date {display:none;}
	.board_list.online .writer {display:none;}
	.board_list.online .binfo {display:flex; margin:1rem -1rem 0; color:#3C3C3C; font-size:1.6rem;}
	.board_list.online .binfo span {position:relative; padding:0 1rem;}
	.board_list.online .binfo span+span::before {position:absolute; top:50%; left:0; width:1px; height:1rem; margin-top:-0.5rem; background:#3c3c3c; content:'';}
	
}


.btn_area {display:flex; align-items:center; justify-content:center; gap:1.1rem; margin-top:9rem;}
.ubtn {display:inline-block; width:13rem; line-height:4.1rem; font-size:2rem; font-weight:400; color:#fff; text-align:center; background:#000;}
.ubtn.small {width:8.5rem; line-height:2.8rem; font-size:1.8rem; font-weight:400;}
.ubtn.gray {background:#626262;}
.ubtn.red {background:#B51D29;}


.passpwrd_box {max-width:300px; margin:auto;}
.passpwrd_box .txt {padding-top:5.5rem; margin-bottom:2rem; font-size:1.9rem; text-align:center; background:url('../images/board/icon_pwd.svg') no-repeat center top; background-size:2.5rem auto;}
.passpwrd_box input[type="text"] {width:100%; height:50px; border:1px solid #fff;}

.board_bottom {margin-top:4rem;}
.board_bottom .btn_area {margin-top:0; justify-content:right;}
.board_bottom .page_list {margin-top:5rem;}

.board_view {border-top:1px solid #3F3F3F; border-bottom:1px solid #3F3F3F;}
.board_view h3 {padding:2rem; border-bottom:1px solid #C8C8C8; font-size:2.2rem; font-weight:500; text-align:center; background:#F8F8F8;}
.board_contents {min-height:40rem; padding:6rem 3rem; text-align:center; font-size:1.8rem; line-height:1.5;}
.board_contents img {max-width:100%;}
.bna_img {display:flex; max-width:74rem; gap:3.4rem; margin:auto 5rem;}
.bna_img > div {position:relative; flex:1; min-width:0;}
.bna_img > div img {width:100%;}
@media screen and (max-width:1024px){
	.board_contents {padding:6rem 2rem;}
	.bna_img {gap:1.2rem;}
}


.magazine_list {display:flex; flex-wrap:wrap; position:relative; max-width:1367px; margin:-7rem -0.8rem;}
.magazine_list li {width:33.333%; padding:7rem 0.8rem;}
.magazine_list .img {position:relative; border: 1px solid #DDD;}
.magazine_list .img::before {display:block; padding-bottom:125.056%; content:'';}
.magazine_list .img img {position:absolute; top:0; left:0; width:100%; height:100%;  object-fit:cover;}
.magazine_list .tit {display:flex; align-items:center; justify-content:center; padding:3rem 4rem; position:absolute; top:0; left:0; right:0; bottom:0; font-size:4rem; font-weight:500; word-break:keep-all; line-height:1.2; color:#fff; text-align:center; background:rgba(0,0,0,0.7); opacity:0; transition:all 0.4s;}
.magazine_list .tit strong {font-weight:500;}
.magazine_list .binfo {margin-top:1.2rem; font-size:1.6rem; color:#3c3c3c; text-align:right;}
.magazine_list a:hover .tit {opacity:1;}
@media screen and (max-width:1024px){
	.magazine_list li {width:50%;}
	.magazine_list .tit {font-size:2.8rem;}
}
@media screen and (max-width:600px){
	.magazine_list .tit {display:none;}
	.magazine_list li {width:100%;}
}


.news_top {position:relative;}
.news_top .img {overflow:hidden; position:relative; border: 1px solid #DDD;}
.news_top .img::before {display:block; padding-bottom:47.43%; content:'';}
.news_top .img::after {position:absolute; top:0; left:0; right:0; bottom:0; z-index:10; background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0.00) 29.58%, rgba(0, 0, 0, 0.70) 76.5%); content:'';}
.news_top .img img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;} 
.news_top .txt {position:absolute; left:0; right:0; z-index:12; bottom:8rem; color:#fff; text-align:center;}
.news_top .binfo  {display:flex; gap:1rem; justify-content:center; margin-bottom:2rem; font-size:1.8rem; color:#fff; font-family: "Kumbh Sans", sans-serif; font-weight:200;}
.news_top .binfo .ca {}
.news_top .binfo .date {color:#C9C9C9;}
.news_top .tit {font-size:3.5rem; line-height:1.43;}
.news_top .tit strong {display:block; width:90%; max-width:70rem; margin:auto; font-weight:600; word-break:keep-all;}

.news_list {display:flex; flex-wrap:wrap; position:relative; max-width:1367px; margin:-5rem -0.8rem;}
.news_list li {width:33.333%; padding:5rem 0.8rem;}
.news_list .img {position:relative; border: 1px solid #DDD;}
.news_list .img::before {display:block; padding-bottom:110.846%; content:'';}
.news_list .img img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;} 
.news_list .tit {display: -webkit-box; height:7.6rem; margin:2.4rem 0; overflow: hidden; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; font-size:2.4rem; line-height:3.8rem; font-weight:600;}
.news_list .binfo {display:flex; gap:1rem; margin-top:2.4rem; color: #4B4B4B; font-size:1.6rem;}
.news_list .binfo .ca {color:#B51D29;}

@media screen and (max-width:1024px){
	.news_top .img::before {padding-bottom:80%;}
	.news_top .txt {bottom:3rem;}
	.news_top .binfo {font-size:1.4rem;}
	.news_top .tit {font-size:2rem;}
	.news_list li {width:50%;}
}
@media screen and (max-width:600px){
	.news_list li {width:100%;}
	.news_list .img::before {padding-bottom:65%;}
}



.bna_tab {overflow-x:auto; display:flex; gap:1rem; margin-bottom:10rem; -webkit-overflow-scrolling: touch; margin-right:-4rem; margin-bottom:10rem; padding-right:4%;}
.bna_tab::-webkit-scrollbar {height:0.6rem;}
.bna_tab::-webkit-scrollbar-thumb {background: #ccc; border-radius:0.4rem;}
.bna_tab::-webkit-scrollbar-track {background: transparent;}
.bna_tab a {display:block; width:14rem; border:1px solid #000; font-family: "Kumbh Sans",sans-serif; font-size:1.6rem; line-height:4rem; text-align:center; transition:all 0.4s;}
.bna_tab a:hover,
.bna_tab li.on a {border-color:#B51D29; color:#fff; background:#B51D29;}


.bna_list {display:flex; flex-wrap:wrap; margin:-4.5rem -1.6rem;}
.bna_list li {width:33.333%; padding:4.5rem 1.6rem;}
.bna_list .timg {position:relative;}
.bna_list .img {display:flex;}
.bna_list .img span {flex:1; min-width:0; position:relative;}
.bna_list .img span::before {display:block; padding-bottom:125.79%; content:'';}
.bna_list .img img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.bna_list .btxt {display:flex;}
.bna_list .btxt span {flex:1; min-width:0; font-family: "Kumbh Sans",sans-serif; font-size:1.3rem; font-weight:600; color:#fff; text-align:center; line-height:3.5rem; background:#B51D29;}
.bna_list .btxt span:first-child {background:#000;}
.bna_list .tit {height:6.2rem; border-bottom:1px solid #000; font-size:2.2rem; font-weight:500; line-height:6.2rem; text-align:center;}
.bna_list .login {display:flex; align-items:center; justify-content:center; position:absolute; top:0; left:50%; width:50%; height:100%; text-align:center; background:rgba(0, 0, 0, 0.90);}
.bna_list .login i {display:block; width:10.5rem; height:6.6rem; margin:auto; background:url('../images/board/clogo.png') no-repeat center/contain;}
.bna_list .login .sbtn {display:inline-block; margin-top:2.8rem; padding:0 1.7rem; border:1px solid #fff; font-family: "Kumbh Sans",sans-serif; font-size:1.1rem; font-weight:500; color:#fff; line-height:1.8rem;}


@media screen and (max-width:1024px){
	.bna_tab {margin-bottom:5rem;}
	.bna_list li {width:100%;}
}

.search_box {display:flex; overflow:hidden; max-width:400px; margin:auto; height:51px; border-radius:26px; border:1px solid #DDDDDD;}
.search_box input[type="text"] {width:100%; height:49px; border:0;}
.search_box input[type="text"]:focus {border:0 !important; box-shadow:none !important;}
.search_box a {width:60px; height:100%; background:url('../images/board/icon_search.svg') no-repeat center; background-size:20px 18px;}


.online_tab {overflow-x:auto; margin:7rem 0 8rem; font-family: "Kumbh Sans"; font-size:1.6rem; text-transform: uppercase;}
.online_tab::-webkit-scrollbar {height:0.6rem;}
.online_tab::-webkit-scrollbar-thumb {background: #ccc; border-radius:0.4rem;}
.online_tab::-webkit-scrollbar-track {background: transparent;}
.online_tab > div {display:flex; align-items:center; justify-content:space-between; min-width:100rem;}
.online_tab .bar {width:1px; height:1.7rem; background:#AAA;}
.online_tab a {padding:1rem 0;}
.online_tab a:hover,
.online_tab a.on {color:#B51D29;}
@media screen and (max-width:1024px){
	.online_tab {margin:4rem 0 4.5rem;}
}


input[type="text"],
input[type="password"],
select {width:100%; padding-left:20px; border: 1px solid #070707; height:50px; font-size:18px;}
select {background:url('../images/board/icon_sel_arr.svg') no-repeat right 2rem center;}
input[type="file"] {font-size:18px;}
textarea {width:100%; height:230px; padding-left:20px; border: 1px solid #070707; line-height:1.5;}

.frow {display:flex;}
.frow+.frow {margin-top:5rem;}
.flabel {position:relative; width:13rem; padding-left:18px; line-height:48px; font-size:18px; font-weight:500;}
.flabel.required::before {position:absolute; top:0; left:0; color:#F00; content:'*';}
.finput {display:flex; align-items:center; flex:1; min-width:0;}
.fwrap {display:flex; align-items:center; gap:1rem;}
.fw_size1 {width:100%; max-width:420px;}
.fw_size2 {width:100%; max-width:620px;}
.form_bottom {display:flex; align-items:center; justify-content:right; gap:1.5rem; margin-top:5rem; font-size:16px;}
.btn_contact {width:120px; height:45px; font-size:18px; color:#fff; font-weight:500; line-height:45px; text-align:center; background:#101010;}



.inp_chk {display:flex; align-items:center; gap:6px; position:relative;}
.inp_chk input {position: absolute; top:-1px; left:0; opacity: 0;}
.inp_chk .txt {display:flex; align-items:center; gap:9px; cursor: pointer; font-size:16px; font-weight:400; line-height:1.6;}
.inp_chk .txt::before {display:flex; width:18px; height:18px; background: #EFEFEF no-repeat center/contain; content:'';}
.inp_chk .txt strong {font-weight:500; font-size:16px;}
.inp_chk input:checked + .txt::before {background-image:url('../images/board/icon_chk.svg');}
.inp_chk a {position:relative; font-size:14px; border-bottom:1px solid #222;}

@media screen and (max-width:1024px){	
	input[type="text"],
	input[type="password"],
	select,
	input[type="file"] {font-size:16px;}
	.frow {flex-direction:column;}
	.flabel {padding-left:16px; font-size:16px;}
	.flabel:not(.required) {padding-left:0;}
	.fw_size1,
	.fw_size2 {max-width:none;}
	
	.form_bottom  {flex-direction:column; justify-content:center;}
}