@charset "utf-8";
.board_contents {color:#000; font-size:2rem; letter-spacing:-0.06em; width:90%; max-width:1220px; margin:20rem auto;}

.cke_sc {display:none;}
#board_visual {display:flex; align-items:center; justify-content:center; overflow:hidden; height:70rem; text-align:center; background:no-repeat center/cover;}
#board_visual h2.btit {position:relative; padding:0 4.5rem; font-size:7rem; color:#fff; font-family: 'Marcellus', serif, verdana, arial;}
#board_visual h2.btit::after,
#board_visual h2.btit::before {position:absolute; top:50%; left:-2000px; width:2000px; height:1px; background:#fff; content:'';}
#board_visual h2.btit::after {left:100%;}
#board_visual .txt h2 {margin:3.5rem 0;}
#board_visual.community {background-image:url('../../images/board/community_visual.jpg');}
#board_visual.bna {background-image:url('../../images/board/bna_visual.jpg');}
#board_visual.story {background-image:url('../../images/board/story_visual.jpg');}
#board_visual.mem {background-image:url('../../images/board/mem_visual.jpg');}
#board_visual.mem02 {background-image:url('../../images/board/mem02_visual.jpg');}

.board_tit {text-align:center;}
.board_tit .clogo {display:block; width:9.4rem; height:9.4rem; margin:0 auto 0; background:url('../../images/plastic/icon_clogo.png') no-repeat center/contain;}

.board_tab {margin-top:20rem; text-align:center;}
.board_tab ul {display:inline-flex; min-width:51.4rem; border:1px solid #999999;}
.board_tab li {flex:1;}
.board_tab li+li {border-left:1px solid #999999;}
.board_tab a {display:block; padding:0 5rem; font-size:3rem; font-weight:500; line-height:2.2;}
.board_tab li.on a {color:#fff; background:#d75716;}

#category {margin:80px 0 100px; text-align:center; font-size:0;}
#category li {display:inline-block; position:relative;  width: 20%;border: #c1c1c1 1px solid}
#category li a {display: block; width: 100%; height: 66px; align-content: center; text-align: center; font-size: 22px; font-weight: 600}
#category #bo_cate_on {font-weight:500; background: #d75716; color: #fff}




@media (max-width:991.98px){	
	.board_contents {margin:16rem auto;}
	#board_visual {height:45rem;}
	#board_visual h2.btit {padding:0 2rem; font-size:4rem;}

	#board_visual.mem {background-position:70% center;}
	#board_visual.mem02 {background-position:47% center;}
	
	#category {margin:40px auto 50px; text-align:center; font-size:0; display: block; width: 96% !important}
#category li {display:inline-block; position:relative;  width: 20%;border: #c1c1c1 1px solid; padding: 0; margin: 0; }
#category li a {display: block; width: 100%; height: 46px; align-content: center; text-align: center; font-size: 12px; font-weight: 600;}
#category #bo_cate_on {font-weight:500; background: #d75716; color: #fff}
}
@media (max-width:575.98px){
	.board_contents {margin:10rem auto;}

	#board_visual .txt h2 {margin:2.5rem 0;}

	.board_tit .clogo {width:7.5rem; height:7.5rem;}

	.board_tab {margin-top:10rem;}
	.board_tab  ul {display:flex; min-width:auto;}
	.board_tab a {padding:0.5rem 0; font-size:2.4rem;}


}

#bo_w .bo_w_flie .frm_file {margin-left:0; margin-top:0; padding-left:0;}
#bo_w .bo_w_flie .file_del {font-size:18px; top:5px;}
#bo_w #wr_password, #bo_w #wr_homepage {margin-left:0;}
#bo_w .bo_w_info .frm_input:last-child {margin-bottom:0px;}
@media (max-width:991.98px){
	#bo_w .bo_w_flie .file_wr {height:auto; padding:1rem;}
	#bo_w .bo_w_flie .file_del {display:block; position:relative; top:auto; right:auto; margin-top:0.6rem; width:100%;}
}

.btn_area {overflow:hidden; margin-top:5rem; text-align:center;}
.btn_area > div {display:inline-block; font-size:0;}
.btn_area > div.a_right {float:right;}
.ubtn {display:inline-block; vertical-align:top; min-width:16rem; height:5rem;  padding:0 3rem; border:0; border-radius:0.5rem; font-size:2rem; color:#fff; line-height:5rem; background:#d75716;}
.ubtn+.ubtn {margin-left:1rem;}
.ubtn.gray {background:#4a4a4a}
@media (max-width:991.98px){
	.btn_area {margin-top:3rem;}
	.ubtn {min-width:12rem;}
	.ubtn+.ubtn {margin-left:0.8rem;}
}


.board_top {display:flex; align-items:center; justify-content:space-between; margin-bottom:4rem;}
.board_top h3 {font-size:4rem; font-weight:700;}
.board_search .fbox {display:flex; position:relative; width:38rem;}
.board_search .fbox select,
.board_search .fbox input[type="text"] {width:100%; height:35px; border:1px solid #999999; border-radius:5px; line-height:1.1;}
.board_search .fbox select {width:12rem; margin-right:1rem;}
.board_search .fbox .sch_btn {position:absolute; top:0; right:0; width:35px; height:100%; border:0; background:url('../../images/board/icon_search.png') no-repeat center; background-size:19px auto;}

.board_view {border-top:1px solid #d75716}
.board_view_top h3 {font-size:4rem; font-weight:700; line-height:1.2;}
.board_view_top .category {margin-bottom:1rem; font-weight:500; font-size:3rem;}
.board_view_top {padding:3rem;}
.board_info {display:flex; flex-wrap:wrap; overflow:hidden; margin:1rem -1rem 0;; font-size:1.8rem;}
.board_info li {position:relative; padding:0 1rem; color:#666666;}
.board_info li+li::before {position:absolute; top:50%; left:-1px; width:1px; height:1.4rem; margin-top:-0.6rem; background:#999; content:'';}
.board_view_contents {padding:5rem 3rem; border-top:1px solid #999999; border-bottom:1px solid #999999;}



.pg_wrap {margin-top:8rem; text-align:center;}
.pg_wrap * {vertical-align:middle;}
.pg_wrap .pg_current,
.pg_wrap .pg_page {display:inline-block; overflow:hidden; min-width:32px; height:32px; margin:0 2px; padding:0 3px; border:1px solid #d75716; border-radius:100%; font-size:18px; color:#000; line-height:28px;}
.pg_wrap .pg_current {color:#fff; font-weight:400; background:#d75716;}
.pg_wrap .pg_start,
.pg_wrap .pg_prev,
.pg_wrap .pg_next,
.pg_wrap .pg_end {width:32px; text-indent:-999px;}
.pg_wrap .pg_prev,
.pg_wrap .pg_next {background:url('../../images/board/icon_pg_arr1.png') no-repeat center; background-size:15px auto;}
.pg_wrap .pg_start,
.pg_wrap .pg_end {background:url('../../images/board/icon_pg_arr2.png') no-repeat center; background-size:15px auto;}
.pg_wrap .pg_prev,
.pg_wrap .pg_start {transform:rotate(180deg);}

@media (max-width:991.98px){
	.board_top {flex-wrap:wrap;}
	.board_search {width:100%; margin-top:3rem;}
}
@media (max-width:575.98px){
	.board_search .fbox {width:100%;}
	
	.board_view_top {padding:2rem 1rem;}	

	.board_view_top h3 {font-size:2.8rem;}
	.board_view_top .category {font-size:2.4rem;}
	.board_view_contents {padding:2rem 1rem;}

	.pg_wrap {margin-top:5rem;}
	.pg_wrap .pg_current,
	.pg_wrap .pg_page {min-width:28px; height:28px; padding:0 2px; line-height:25px; font-size:16px; background-size:13px auto;}
	.pg_wrap .pg_start,
	.pg_wrap .pg_prev,
	.pg_wrap .pg_next,
	.pg_wrap .pg_end {width:28px;}
	
}

#gallery_list {border-top:1px solid #d75716; padding-top:5rem;}
#gallery_list ul {display:flex; flex-wrap:wrap; margin:-2.5rem -1rem;}
#gallery_list li {width:33.333%; padding:2.5rem 1rem;}
#gallery_list .img {overflow:hidden; position:relative; padding-bottom:100%; border-radius:2rem; font-size:0; background: #f2f2f2 url('../../images/board/logo.png') no-repeat center; background-size:25.5rem auto;}
#gallery_list .img img {position:absolute; top:0; left:0; width:100%; height:100%;}
#gallery_list .gall_chk {z-index:3;}
#gallery_list .tit {margin-top:1.5rem; font-size:2rem;}
@media (max-width:991.98px){
	#gallery_list {padding-top:4rem;}
	#gallery_list li {width:50%;}
	#gallery_list .img {background-size:70% auto;}
}
@media (max-width:575.98px){
	
}


.board_table {}
.board_table table {width:100%; border-collapse: collapse;border-spacing: 0}
.board_table th,
.board_table td {padding:1rem 0; text-align:center;}
.board_table th {height:7rem; border-bottom:1px solid #999999; font-size:2rem;}
.board_table td {height:6.5rem; border-bottom:1px solid #e5e5e5; font-size:1.8rem;}
.board_table .td_chk {width:4rem;}
.board_table .td_num {width:9rem;}
.board_table td.td_subject {text-align:left;}
.board_table .td_state,
.board_table .td_lock,
.board_table .td_name {width:14rem;}
.state_ing,
.state_complete {display:inline-block; padding-left:1.3rem; background:no-repeat 0 center; background-size:1rem auto;}
.state_ing {color:#999999; background-image:url('../../images/board/icon_state.png');}
.state_complete {font-weight:500; color:#d75716; background-image:url('../../images/board/icon_state_on.png');}
@media (max-width:991.98px){
	.board_table .td_lock,
	.board_table .td_name,
	.board_table .td_num {display:none;}
}

#bo_v_ans_form {margin-top:8rem;}
#bo_v_ans_form h2 {font-size:3rem; font-weight:700;}

#bo_v_con {padding:0; margin:5rem 0 0;}
#bo_v_ans {margin:0; padding:3rem; border:1px solid #999999; border-top:0; background:transparent;}
#bo_v_ans h3 {width:10rem; color:#fff; line-height:5rem; text-align:center; font-weight:500; font-size:2rem; background:#383838;}
#bo_v_ans #ans_con {padding:2rem 0;}


.bna_list {max-width:86rem; margin:auto;}
.bna_view {display:flex; position:relative; max-width:86rem; margin:auto;height: auto;}
.bna_view .btn_modify {display:block !important; position:absolute; top:2rem; right:2rem; z-index:2; padding:0 3rem; border-radius:0.5rem; line-height:4rem; color:#fff; text-align:center; background:#d75716;}
.bna_view .sbox {overflow:hidden; flex:1; position:relative; text-align:center;}
.bna_view .sbox::before {display:block; padding-bottom:106.976%; content:'';}
.bna_view .sbox img {position:absolute; top:0; left:0; width:100%; height:100%; transform:scale(1.1);}
.bna_view .sbox > span {position:absolute; top:2rem; left:2rem; font-size:1.8rem; color:#fff; line-height:1.2; text-align:left;}
.bna_view .sbox > strong {position:absolute; left:0; width:100%; bottom:0; font-size:2rem; line-height:5rem; background:rgba(255,255,255,0.5);}
.bna_view .login_box {display:flex; align-items:center; justify-content:center; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:29rem; height:29rem; border-radius:100%; background:rgb(0,0,0,0.8);}
.bna_view .login_box .txt {font-size:1.8rem; line-height:1.3888; color:#fff;}
.bna_view .login_box .txt span {display:inline-block; margin-top:1.5rem; padding:0 2.8rem; border-radius:2.4rem; font-family: 'Marcellus', serif, verdana, arial; font-size:2.5rem; color:#d75716; border:1px solid #d75716;}
.board_notice {padding:4rem 0; border-bottom:1px solid #999999; font-size:1.8rem; line-height:1.3888; text-align:center;}
.bna_view.login a,
.bna_view.login .login_box {display:none;}
.bna_view.nologin img {filter: blur(4px);}
@media (max-width:991.98px){
	.bna_view .sbox > span {top:1rem; left:1rem; font-size:1.5rem;}
	.bna_view .login_box {transform:translate(-50%,-50%) scale(0.6);}
}
@media (max-width:575.98px){
	.bna_view .sbox > span {font-size:1.2rem;}
	.bna_view .sbox > strong {font-size:1.8rem; line-height:4rem;}
	.bna_view .login_box {transform:translate(-50%,-50%) scale(0.45);}
	.bna_view .login_box .txt {font-size:2.4rem;}
	.bna_view .login_box .txt span {margin-top:2.5rem; font-size:2.6rem;}
}


.story_wrap {max-width:86rem; margin:auto;}
.story_list li {position:relative; border:1px solid #999999;}
.story_list li+li {margin-top:2rem;}
.story_list a {display:block;}
.story_list .inbox {display:flex;}
.story_list li .gall_chk {position:absolute; top:2rem; left:2rem;}
.story_list li .img {overflow:hidden; position:relative; width:21.5rem;}
.story_list li .img::before {display:block; padding-bottom:100%; content:'';}
.story_list li .img img {position:absolute; top:50%; left:0; width:100%; min-height:100%; transform:translateY(-50%);}
.story_list li .tcont {flex:1; min-width:0; padding:4.5rem 5rem;}
.story_list .category {font-size:1.8rem; color:#d75716; font-weight:700;}
.story_list .tit {overflow:hidden; margin-top:1.5rem; font-size:1.8rem; font-weight:500; white-space:nowrap; text-overflow:ellipsis;}
.story_list .binfo {display:flex; align-items:center; justify-content:space-between; margin-top:4rem; font-size:1.4rem;}
.story_list .best {position:absolute; top:0; left:0; z-index:4; padding:0 1.5rem; font-family: 'Marcellus', serif, verdana, arial; letter-spacing:-0.03em; font-size:1.4rem; line-height:2rem; color:#fff; text-align:center; background:#d75716;}
@media (max-width:575.98px){
	.story_list li .inbox {flex-wrap:wrap;}
	.story_list li .img {width:100%;}
	.story_list li .img::before {padding-bottom:50%;}
	.story_list li .tcont {flex:initial; width:100%; padding:2.5rem 3rem;}
}

.nodata {padding:5rem 3rem; border:1px solid #999; text-align:center; font-size:2rem; background:#fff;}



/* ȸ�� */
.mem_box {width:100%; max-width: 1200px;  margin:160px auto; background:#fff;  word-break:keep-all;}
.mem_box .inbox {width:100%; margin:auto;}
.mem_box h3 {margin-bottom:35px; text-align:center; line-height:1; font-size: 50px}
.mem_box h2 {margin-bottom:50px; text-align:center; line-height:1.4; font-size: 22px; font-weight: 300}
.mem_box .line{border-top: #d5d5d5 1px solid; border-bottom: #d5d5d5 1px solid; padding: 35px 60px}
.mem_box fieldset .l1{width: 555px; display: inline-block; vertical-align: top; position: relative}
.mem_box fieldset .l2{width: 460px; display: inline-block; vertical-align: top; float: right; position: relative}
.mem_box fieldset .l2 dl{display: block; height: 45px; position: relative; align-content: center; font-size: 18px; margin-top: 13px}

.mem_box fieldset .l2 dl a{position: absolute; right: 0; top: 0; width: 190px; height: 45px; text-align: center; align-content: center; background: #333333; color: #fff; font-weight: 700; font-size: 20px; border-radius: 10px}

.mem_box fieldset .btn_area_mem2{ position: absolute; right: 0; top: 0; }
.mem_box fieldset .btn_area_mem2 .mbtn2{width: 125px; height: 122px;border-radius: 10px; background: #d75716; color: #fff; font-weight: 700; font-size: 20px; text-align: center; align-content: center; border: none}

.mem_box .mem_stxt {text-align:center; margin:-0.5rem 0 5rem; font-size:2rem;}
.mem_box input[type="text"],
.mem_box input[type="password"] {width:412px; height:55px; border-radius:0.5rem; border:1px solid #cccccc; font-size:18px; padding-left: 20px; color: #333333}
.mem_box .btn_submit {display:block; width:100%; max-width:435px; height:55px; margin:5rem auto 0; font-size:16px; color:#fff; text-align:center; background:#d75716;}

.mem_box .sns_login { text-align:center;}
.mem_box .sns_login h4 {padding:3rem 0; font-weight:500; line-height:1; font-size: 30px}
#sns_login .sns-wrap {display:flex;}
#sns_login .sns-wrap a+a {margin-left:2rem;}
#sns_login a {display:flex; align-items:center; justify-content:center; flex:1; border:1px solid #ffeb00; border-radius:5px; font-size:16px; font-weight:500; line-height:58px;}
#sns_login .sns-kakao {color:#000; background:#ffeb00;}
#sns_login .sns-kakao .ico {position:relative; top:1px; width:22px; height:20px; margin-right:1.6rem; background:url('/images/board/icon_kakao.png') no-repeat center; background-size:contain;}
#sns_login .sns-naver {border:1px solid #06be34; color:#06be34; background:#fff;}
#sns_login .sns-naver .ico {position:relative; top:1px; width:19px; height:18px; margin-right:1.6rem; background:url('/images/board/icon_naver.png') no-repeat center; background-size:contain;}

.join_sns a {display:flex; align-items:center; position:relative; margin-bottom:2rem; border:1px solid #d75716; border-radius:5px; line-height:53px; font-size:16px;}
.join_sns a::after {position:absolute; top:-1px; left:62px; bottom:-1px; width:1px; background:#fff; content:'';}
.join_sns a .ico {width:62px; height:55px; margin-right:20px; background:no-repeat center;}
.join_sns a.snu {color:#fff; background-color:#d75716;}
.join_sns a.snu .ico {background-image:url('/images/board/icon_join_snu.png'); background-size:30px auto;}
.join_sns a.sns-naver,
.join_sns a.sns-kakao {border-color:#999999; background:#fff;}
.join_sns a.sns-kakao {margin-bottom:0;}
.join_sns a.sns-naver::after,
.join_sns a.sns-kakao::after {background:#999;}
.join_sns a.sns-naver .ico {background-image:url('/images/board/icon_join_naver.png'); background-size:23px auto;}
.join_sns a.sns-kakao .ico {background-image:url('/images/board/icon_join_kakao.png'); background-size:22px auto;}

.mem_box.register .inbox {width:90%; max-width:62rem;}
.frow {display:flex; align-items:center; font-size:18px; }
.frow+.frow {margin-top:14px;}
.frow .label {width:145px; font-size:16px; font-weight:500;}
.frow .finput {flex:1; display:flex; min-width:0;}
.frow .finput input {flex:1; min-width:0;}
.frow .finput .r_wrap {width:105px; padding-left:10px;}
.frow .finput .r_wrap .mbtn {width:100%;}
.frow.agree_row {margin-top:5rem; padding-top:4rem; border-top:1px solid #999999;}
.frow .agree {flex:1;}
.frow .agree .agree_r {display:flex; align-items:center; justify-content:space-between;}
.frow .agree a {font-size:16px; color:#d75716; font-weight:700;}

.frow2{display: block; text-align: center; font-size: 18px; color: #333333; margin: 0 auto}
.frow2 + .frow2{margin-top: 15px}
.mbtn3{width: 190px; height: 45px; margin: 0 auto;background: #d75716; color: #fff; font-weight: 700; font-size: 20px; text-align: center; align-content: center; border: none; border-radius: 10px}

.icon_required {color:#d75716;}

.mbtn {display:block; line-height:53px; border-radius:5px; border:1px solid #d75716; color:#fff; font-size:16px; font-weight:500; text-align:center; background:#d75716;}
.mbtn.border {color:#d75716; background:#fff;}
.mbtn.readonly {pointer-events: none;}

.btn_area_mem {max-width:50rem; margin: 5rem auto 0;}
.btn_area_mem div {display:flex; font-size: 20px}
.btn_area_mem div .mbtn {flex:1;}
.btn_area_mem div .mbtn+.mbtn {margin-left:10px;}

.policy {display:none;}
.policy::before {position:fixed; top:0; left:0; right:0; bottom:0; z-index:11111000; background:rgba(0,0,0,0.35); content:'';}
.policy .pbox {display:flex; flex-direction: column; position:fixed; top:50%; left:50%; width:90%; z-index:111110001; max-width:850px; height:80%; max-height:680px; transform:translate(-50%,-50%); border-radius:2rem; background:#fff;}
.policy .top {display:flex; align-items:center; justify-content:space-between; padding:0 4.5rem; border-bottom:1px solid #d75716;}
.policy h2 {font-size:4rem; font-weight:700; line-height:2.375; color:#d75716;}
.policy .btn_pop_close {border:0; width:3.1rem; height:3.1rem; background:url('/images/board/icon_pop_close.png') no-repeat center/contain;}
.policy .scroll_cont {overflow-y:auto; flex:1; min-height:0; padding-left:4.5rem; margin-right:2.6rem; padding-right:2rem; margin-top:4rem; font-size:1.6rem; line-height:1.38;}
.policy .scroll_cont::-webkit-scrollbar{width:1rem; height:1rem; -webkit-appearance:none; border-radius:0.5rem;}
.policy .scroll_cont::-webkit-scrollbar-thumb{background:#d75716; border-radius:0.5rem;}
.policy .scroll_cont::-webkit-scrollbar-track{background:#f7f7f7; border-radius:0.5rem;}
@media (max-width:991.98px){
	.mem_box {margin:16rem auto;}
	
	.mem_box {width:100%; max-width: 100%;  margin:180px auto; background:#fff;  word-break:keep-all;}
.mem_box .inbox {width:100%; margin:auto;}
.mem_box h3 {margin-bottom:35px; text-align:center; line-height:1; font-size: 50px}
.mem_box h2 {margin-bottom:50px; text-align:center; line-height:1.4; font-size: 22px; font-weight: 300}
.mem_box .line{border-top: #d5d5d5 1px solid; border-bottom: #d5d5d5 1px solid; padding: 35px 10px; width: 96%; }
.mem_box fieldset .l1{width: 100%; display: inline-block; vertical-align: top; position: relative}
.mem_box fieldset .l2{width: 100%; display: inline-block; vertical-align: top; float: right; position: relative; margin-top: 50px}
.mem_box fieldset .l2 dl{display: block; height: 45px; position: relative; align-content: center; font-size: 18px; margin-top: 13px; padding-right: 40%}

.mem_box fieldset .l2 dl a{position: absolute; right: 0; top: 0; width: 35%; height: 45px; text-align: center; align-content: center; background: #333333; color: #fff; font-weight: 700; font-size: 13px; border-radius: 10px}

.mem_box fieldset .btn_area_mem2{ position: absolute; right: 0; top: 0; }
.mem_box fieldset .btn_area_mem2 .mbtn2{width: 20vw; height: 122px;border-radius: 10px; background: #d75716; color: #fff; font-weight: 700; font-size: 20px; text-align: center; align-content: center; border: none}

.mem_box .mem_stxt {text-align:center; margin:-0.5rem 0 5rem; font-size:2rem;}
.mem_box input[type="text"],
.mem_box input[type="password"] {width:75%; height:55px; border-radius:0.5rem; border:1px solid #cccccc; font-size:18px; padding-left: 20px; color: #333333}
.mem_box .btn_submit {display:block; width:100%; max-width:18%; height:55px; margin:5rem auto 0; font-size:16px; color:#fff; text-align:center; background:#d75716;}

.mem_box .sns_login { text-align:center;}
.mem_box .sns_login h4 {padding:3rem 0; font-weight:500; line-height:1; font-size: 30px}
}
@media (max-width:575.98px){
	
	#sns_login .sns-wrap .txt i {display:none;}

	.frow {flex-wrap:wrap;}
	.frow .label {width:100%; padding-bottom:10px;}
	.frow .finput {flex:initial; width:100%;}
	.frow .r_wrap.empty {display:none;}
	.frow .agree a {font-size:14px;}
	.frow .inp_chk .txt {font-size:14px;}
	
	.policy .top {padding:0 2rem;}
	.policy h2 {font-size:2.8rem; line-height:3;}
	.policy .btn_pop_close {width:2.4rem; height:2.4rem;}
	.policy .scroll_cont {padding-left:2rem; margin-right:1rem; margin-top:3rem;}
}