:root{
	--color_1:var(--mainColor);
}

.sub-con > .wrap { padding:100px 0; } 
.board { width:1400px; margin:0 auto; padding:30px 0 0; } 
.non { font-size:20px; padding:80px 0; } 
.guide{display:none;}


a, a:link { color:#332; text-decoration:none; } 
a:visited { color:#332; text-decoration:none; } 
a:hover { color:#332; text-decoration:none; } 
a:focus { color:#333; text-decoration:none; } 
a:active { color:#333; text-decoration:none; } 



.boardWrap{width:1400px; margin:0 auto 0;}
/* listTab */
.listTabs{ display:flex; margin-bottom:50px;}
.listTabs li{ width:25%; height:50px; background-color:#fff; border:1px solid #ddd; }
.listTabs li+li{ border-left:0;}
.listTabs li a{ display:block; line-height:50px; font-size:20px; color:#999; text-align:center;}
.listTabs li.on{ background-color:var(--mainColor); border:1px solid var(--mainColor);}
.listTabs li.on a{ color:#fff;}





#tb_board_view .tb_line { padding:0; } 

.board .input_ { width:auto; height:35px; border:1px solid #ddd; box-sizing:border-box; } 
input { width:auto; height:auto; -webkit-appearance:auto; } 


.board .b_tit { font-size:55px; text-align:center; line-height:1; padding-bottom:20px; } 
.board .b_txt { font-size:22px; text-align:center; } 
.board .line { width:100%; height:2px; background:linear-gradient(to right, #27b1c4 50%, #0080ff); margin:40px 0; } 

.list-box { overflow:hidden; display:flex; width:100%; gap:20px; flex-wrap:wrap;} 
.list-box .title { padding:10px 0; border:none; display:flex; flex-wrap:wrap; } 
.list-box .title .num { display:flex; padding-top:5px; padding-right:5px; } 
.list-box .title .num img { height:16px; } 
.list-box .title .category { font-size:18px; font-weight:bold; color:var(--mainColor); vertical-align:middle; } 
.list-box .title a { display:block; width:100%; height:auto; min-height:auto; overflow:hidden; box-sizing:border-box; } 
.list-box span.subject {width:100%; display:block;font-size:18px ; text-align:left; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-weight:bold;} 
.list-box span.subject sup{color:red; font-weight:bold; font-size:12px; margin-left:5px;}


.evt-case { max-width:280px; float:none; margin:0; width:calc(20% - 16px);} 
.evt-case:nth-child(3n) { margin-right:0; } 
.evt-case .thum-img { width:100%; height:auto; border:1px solid #ddd; box-sizing:border-box; aspect-ratio:1/1} 
.evt-case .thum-img a{ display:block; width:100%; height:100%;}
.evt-case .thum-img img { width:100%; height:100%; object-fit:cover; } 
.evt-case .txt-box{ width:100%;}
.evt-case .txt-box .flex{width:100%; align-items:center; margin-top:15px;}
.evt-case .txt-box .flex span{color:#999; font-size:14px; line-height:1;}
.evt-case .txt-box .flex span + span{margin-left:5px; padding-left:5px; border-left:1px solid #999}
.evt-case .txt-box .flex span.date{display:flex; align-items:center;}
.evt-case .txt-box .flex span span{margin-right:5px; font-size:16px;}


#tb_board_view .tb_line textarea { min-height:500px; width:99%; border:1px solid #D8D8D8; margin:5px 0; padding:5px; } 
.evt-view-case { padding:0 0 20px; } 
.evt-view-case > .left > span {color:#fff; font-weight:bold; border-radius:5px; letter-spacing:0.8px; display:inline-block; text-align:center; height:30px; line-height:30px;width:120px;font-size:16px;margin-bottom:15px; } 
.evt-view-case > .left > span.view-bf { background:#fff; color:#4fbfc3; box-shadow:0px 0px 5px 1px #4fbfc3; } 
.evt-view-case > .left > span.view-doi {background:#b9c8f1; /* Old browsers */
background:-moz-linear-gradient(-45deg, #b9c8f1 0%, #4fbfc3 100%); /* FF3.6-15 */
background:-webkit-linear-gradient(-45deg, #b9c8f1 0%,#4fbfc3 100%); /* Chrome10-25,Safari5.1-6 */
background:linear-gradient(135deg, #b9c8f1 0%,#4fbfc3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9c8f1', endColorstr='#4fbfc3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.evt-view-case > .left > span.view-noti { background-color:#4fbfc3; color:#fff; } 
.evt-view-case > .left > span.view-fns { background:#888; } 
.evt-view-case > .left > span.days { color:#888; width:255px; font-weight:400; font-size:14px; } 

/* veiw */
#tb_board_view { border-top:3px solid var(--mainColor) !important; margin:0 auto; } 
#tb_board_view .tb_content { border:0; padding:8px 0 8px 10px; letter-spacing:0px; text-align:left } 
#tb_board_view .tb_content tr td { vertical-align:middle; } 


#tb_board_view .tb_body { padding:20px; text-align:left; letter-spacing:0pt; word-break:break-all } 
#tb_board_view .tb_fileline { text-align:right; letter-spacing:0pt } 
#tb_board_view .tb_button { text-align:center; padding:10px 0 10px 0; border-top:1px solid #CACACA } 
#tb_board_view .tb_button li { display:inline } 
#tb_board_view div.tb_file_td { color:#6F9CC6 } 



/* #tb_board_view tbody > tr { border-top:1px solid #F0F0F0; border-bottom:1px solid #F0F0F0; } */
#tb_board_view .tb_subject { width:165px; border-bottom:1px solid #eee; background-color:#efefef; padding-left:15px; font-weight:400; text-align:left; font-size:20px; height:40px; vertical-align:middle; } 
#tb_board_view .tb_content { padding:8px 0 8px 10px; font-size:16px; letter-spacing:0px; text-align:left; word-break:break-all; } 

#tb_board_view .tb_body { padding:20px 0; text-align:left; letter-spacing:0pt; word-break:break-all } 
#tb_board_view .tb_fileline { text-align:right; letter-spacing:0pt } 

#tb_board_view div.tb_file_td { color:#6F9CC6 } 
#tb_board_comment div.tb_commentname_td span { padding:0 0 0 5px } 
#tb_board_comment .tb_board_comment_list td { border-bottom:1 solid #E8E8E8; height:28px } 




#tb_board_comment div.tb_commentname_td span { padding:0 0 0 5px } 
#tb_board_comment .tb_board_comment_list td { border-bottom:1 solid #E8E8E8; height:28px } 

.evt-view-case .info p { text-align:left; font-size:20px; overflow-wrap:break-word; word-break:keep-all; } 
.evt-view-case .info img { display:inherit; margin:auto; } 
.evt-view-case .title { font-size:40px; text-align:left; margin-bottom:50px; font-weight:bold; color:#0080ff; word-break:break-all; padding-bottom:15px; border-bottom:1px solid #ddd; } 
.evt-view-case .category { text-align:left; font-size:20px; font-weight:bold; color:#0080ff; vertical-align:middle; } 

.evt-view-case .day { text-align:right; } 
table .tb_bt .bts {display:block;background-color:var(--mainColor); color:#fff; font-size:16px; font-weight:bold; border:none;line-height:35px; height:35px; width:60px; text-align:center; vertical-align:middle; margin-left:2px;} 



/* 검색 버튼 */
.sch-form { display:flex; justify-content:space-between; margin:60px auto 0; width:1200px; display:flex; } 
.sch-form .tb_bt { display:flex; } 
.sch-form tr td { vertical-align:middle; } 
.sch-form .search-btn { display:block;background-color:var(--mainColor); color:#fff; font-size:16px; font-weight:bold; border:none;line-height:35px; height:35px; width:60px; text-align:center; vertical-align:middle; } 
.board .ok-btn, .board .can-btn, .tb_button a { background:var(--mainColor); color:#fff!important; width:110px; height:32px; line-height:32px; font-size:16px; display:block; text-align:center; } 

.tb_button { display:inline-block; text-align:center; margin:0; padding-bottom:20px;  width:100%;border-bottom:1px solid #ddd; display:flex; justify-content:center; gap:3px;}
.tb_button li {border-radius:0px; font-size:16px; height:32px; line-height:32px; width:auto; border:1px solid var(--mainColor);}
.tb_button li a{display:block; width:auto; padding:0 10px;}





/* event E */
#tb_board_view .tb_line .tb_subject, #tb_board_view .tb_subject { background:#f6f6f6; font-size:20px; height:40px; padding-left:15px; width:120px; text-align:left; 
vertical-align:middle; } 

.tb_subject label { font-size:inherit; font-weight:500; } 



div.info{padding:30px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box; min-height:400px;}
.tb_cat{}
.tb_cat select{width:30% !important;}

/* button */
.df_input{box-sizing:border-box; width:100%; height:100%;}
.c_bs-brd-page{display:flex; width:100%; margin:20px auto; justify-content:center; gap:10px; align-items:center;}
.c_bs-brd-page > div.next, .c_bs-brd-page > div.prev{cursor:pointer;}
.c_bs-brd-page > div span{text-align:center; display:flex; align-items:center; justify-content:center; font-size:28px;}
.c_bs-brd-page > div.num{display:flex;}
.c_bs-brd-page > div.num a{width:25px; height:25px; display:flex; align-items:center; justify-content:center; font-size:16px;}
.c_bs-brd-page > div.num a.on{border:1px solid #ddd;}
.c_bs-brd-sch-case {margin:25px 0; width:100%; height:auto; display:flex; justify-content:space-between; align-items:center;}
.c_bs-brd-sch-case .sch-box{display:flex; height:32px;}
.c_bs-brd-sch-case .sch-box ul{display:flex; gap:3px;}
.c_bs-brd-sch-case .sch-box li {margin-right:; border:1px solid #ddd; box-sizing:border-box;}
.c_bs-brd-sch-case .sch-box li:last-child {}

.c_bs-brd-sch-case .btn-case{display:flex; gap:3px;}
.c_bs-brd-sch-case .btn-case li { float:; }
.c_bs-brd-sch-case .btn_ty1 {background:var(--color_1); font-size:16px; border:none; color:#fff; display:block; height:32px;
padding:0 10px; border:1px solid var(--color_1); box-sizing:border-box; display:flex; align-items:center; justify-content:center; }



.pager{display:flex; gap:20px; margin:40px auto; justify-content:center; align-items:center;}
.pager div{font-family:'Montserrat'; cursor:pointer; font-size:14px;}
.pager div.num{display:flex;}
.pager div.num div{width:35px; height:35px; line-height:35px; text-align:center; display:flex; justify-content:center; align-items:center;}
.pager div.num div.on{border:1px solid #ddd;}


.c_bs-brd-sch-case-top{background:#f5f5f5; margin:40px 0 50px; width:100%; padding:50px; box-sizing:border-box; justify-content:center;}
.c_bs-brd-sch-case-top .sch-box ul{display:flex; gap:0; width:100%; }
.c_bs-brd-sch-case-top .sch-box li {margin-right:; border:1px solid #ddd; box-sizing:border-box; height:40px;}
.c_bs-brd-sch-case-top .sch-box li:first-child {margin-right:10px;}
.c_bs-brd-sch-case-top .sch-box li:nth-child(2){width:445px;}
.c_bs-brd-sch-case-top .sch-box li:last-child a{height:40px; width:90px; background:var(--mainColor); border:none;}

.c_bs-brd-sch-case-bot{justify-content:flex-end;}
.c_bs-brd-sch-case-bot .btn-case{gap:12px;}
.c_bs-brd-sch-case-bot .btn-case li a{width:90px; height:40px; font-size:16px;}

.b-content{border-bottom:2px solid var(--mainColor); padding-bottom:50px;}

.noLogin{content:""; display:block; width:100%; height:auto; aspect-ratio:1/1; background:rgba(255, 255, 255, 0.8) url(/home/board_skin/review/img/reviewCover.png) center center no-repeat; background-size:cover; position:absolute; top:0; left:50%; transform:translate(-50%, 0); box-sizing:border-box; border:1px solid #ddd; pointer-events:none;}
.evt-case{position:relative;}

.non { font-size:20px; padding:80px 0; } 



@media screen and (max-width:750px){


/* 공통 */
fieldset{width:100%;}
.boardWrap{width:92vw; margin:5.33vw auto 0;}


.pager{display:flex; gap:4.0000vw; margin:5.0 auto; justify-content:center; align-items:center;}
.pager div{font-family:'Montserrat'; cursor:pointer; font-size:2.4000vw;}
.pager div.num{display:flex; gap:0.6667vw;}
.pager div.num div{width:5.3333vw; height:8.00vw; line-height:8.00vw; text-align:center; display:flex; justify-content:center; align-items:center;}
.pager div.num div.on{border:0.1333vw solid #ddd;}

.board{width:92vw; margin:0 auto; padding:0}

/* listTab */
.listTabs{ display:flex; margin-bottom:6.67vw; flex-wrap:wrap;}
.listTabs li{ width:33.3%; height:8.00vw; background-color:#fff; border:1px solid #ddd; box-sizing:border-box;}
.listTabs li+li{ border:1px solid #ddd;}
.listTabs li:nth-child(n+4){border-top:none;}
.listTabs li a{ display:block; line-height:8.00vw; font-size:3.80vw; color:#999; text-align:center;}
.listTabs li.on{ background-color:var(--mainColor); border:1px solid var(--mainColor);}
.listTabs li.on a{ color:#fff;}


.list-box { overflow:hidden; display:flex; width:100%; gap:4vw; flex-wrap:wrap;} 
.list-box .title { padding:2.67vw 2.00vw; border:0.13vw solid #ddd; border-top:none; display:flex; flex-wrap:wrap; } 
.list-box .title .num { display:flex; padding-top:5px; padding-right:5px; } 
.list-box .title .num img { height:16px; } 
.list-box .title .category { font-size:3.70vw; font-weight:bold; color:var(--mainColor); vertical-align:middle; } 
.list-box .title a { display:block; width:100%; height:auto; min-height:8.00vw; overflow:hidden; box-sizing:border-box; } 
.list-box span.subject {width:100%; display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:3.70vw; text-align:left; font-weight:bold;} 

.evt-case { max-width:none; float:none; margin:0; width:calc(50% - 2vw);} 
.evt-case:nth-child(2n) { margin-right:0; margin-left:auto;} 
.evt-case .thum-img { width:100%; height:auto; border:1px solid #ddd; box-sizing:border-box; } 
.evt-case .thum-img a{ display:block; width:100%; height:100%;}
.evt-case .thum-img img { width:100%; height:100%; object-fit:cover; } 
.evt-case .txt-box{ width:100%;}
.evt-case .txt-box .flex{width:100%; align-items:center; margin-top:2.67vw;}
.evt-case .txt-box .flex span{color:#999; font-size:3.70vw; line-height:1;}
.evt-case .txt-box .flex span + span{margin-left:0.93vw; padding-left:0.93vw; border-left:0.13vw solid #999}
.evt-case .txt-box .flex span.date{display:flex; align-items:center;}
.evt-case .txt-box .flex span span{margin-right:0.67vw; font-size:2.40vw;}


.sch-form .input_{height:8.00vw}
.sch-form { display:flex; justify-content:space-between; margin:4vw auto 0; width:89.333vw; flex-direction:column; align-items:center; gap:4vw} 
.sch-form .tb_bt { display:flex; } 
.sch-form tr td { vertical-align:middle; height:8.00vw;} 

.sch-form .search-btn { display:block;background-color:var(--mainColor); color:#fff; font-size:3.7vw; font-weight:bold; border:none;line-height:8.00vw; height:8.00vw; width:60px; text-align:center; vertical-align:middle; } 
.board .ok-btn, .board .can-btn, .tb_button a {display:block; 
	background-color:var(--mainColor); 
	color:#fff; 
	font-size:3.7vw; 
	border:none; 
	line-height:8.00vw; 
	height:8.00vw; 
	width:auto; 
	padding:0 1.333vw; 
	border-radius:0.400vw; 
	text-align:center; 
	vertical-align:middle; 
	width:20vw;} 
.sch-form tr td select, .sch-form tr td input{width:100% !important; height:8.00vw;font-size:3.70vw;}

.c_bs-brd-sch-case .btn-case{display:flex; gap:0.40vw; justify-content:center; }
.c_bs-brd-sch-case .btn-case li {}
.c_bs-brd-sch-case .btn_ty1 {width:20vw; background:var(--mainColor); font-size:3.7vw; border:none; color:#fff; display:block; height:6.67vw; 
padding:0 2.67vw; border:0.13vw solid var(--mainColor); box-sizing:border-box; display:flex; align-items:center; justify-content:center; text-align:center;}





.tb_button { display:inline-block; text-align:center; margin:0; padding-bottom:20px;  width:100%;border-bottom:1px solid #ddd; display:flex; justify-content:center; gap:3px;}
.tb_button li {background:var(--mainColor);font-size:3.70vw; border:none; color:#fff; display:block; height:8.00vw; line-height:8.00vw;
padding:0 1.3333vw; border:0.1333vw solid var(--mainColor);}
.tb_button li a{display:block; 
	background-color:var(--mainColor); 
	color:#fff; 
	font-size:3.7vw; 
	border:none; 
	line-height:8.00vw; 
	height:8.00vw; 
	width:auto; 
	padding:0 1.333vw; 
	border-radius:0.400vw; 
	text-align:center; 
	vertical-align:middle; 
	width:20vw;}

table .tb_bt .bts {background:var(--mainColor);font-size:3.70vw; border:none; color:#fff; display:block; height:8.00vw; line-height:8.00vw;
padding:0 1.3333vw; border:0.1333vw solid var(--mainColor); width:auto;} 


div.info{padding:30px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box; min-height:53.333vw;}
div.info *{font-size:3.4vw !important;}
#tb_board_view .tb_line .tb_subject, #tb_board_view .tb_subject { background:#f6f6f6; font-size:3.7vw; height:8.00vw; padding-left:1.333vw; width:24vw; text-align:left; 
vertical-align:middle; } 
#tb_board_view .tb_content { padding:1.07vw 0 1.07vw 1.33vw; font-size:3.70vw; letter-spacing:0.00vw; text-align:left; word-break:break-all; } 
#tb_board_view .tb_content span{ font-size:3.70vw;}


#tb_board_view .input_{height:8.00vw;  font-size:3.70vw;}
#tb_board_view div{font-size:3.70vw;}
#tb_board_view input[type="checkbox"]{vertical-align:middle;}
.evt-view-case .info img{width:100% !important; height:auto !important;}

.cheditor-tb-wrapper{height:auto !important;}
.cheditor-editarea-wrapper .cheditor-editarea{height:66.667vw !important;}

/* button */
.df_input{box-sizing:border-box; width:100%; height:100%;}
.c_bs-brd-page{display:flex; width:100%; margin:5.33vw auto; justify-content:center; gap:1.33vw; align-items:center;}
.c_bs-brd-page > div.next, .c_bs-brd-page > div.prev{cursor:pointer;}
.c_bs-brd-page > div span{text-align:center; display:flex; align-items:center; justify-content:center; font-size:3.7vw;}
.c_bs-brd-page > div.num{display:flex;}
.c_bs-brd-page > div.num a{width:6.00vw; height:6.00vw; display:flex; align-items:center; justify-content:center; font-size:3.7vw;}
.c_bs-brd-page > div.num a.on{border:0.13vw solid #ddd;}

.c_bs-brd-sch-case {margin:5.33vw 0; width:100%; height:auto; display:flex; justify-content:center; align-items:center; flex-direction:column; gap:4.00vw;}
.c_bs-brd-sch-case > div{width:100%;}
.c_bs-brd-sch-case .sch-box{display:flex; height:8.00vw; width:100%;}
.c_bs-brd-sch-case .sch-box ul{display:flex; gap:0.40vw; width:100%; justify-content:space-between;}
.c_bs-brd-sch-case .sch-box li {margin-right:; border:0.13vw solid #ddd; box-sizing:border-box;}
.c_bs-brd-sch-case .sch-box li *{font-size:3.70vw; display:block; line-height:6.67vw;}
.c_bs-brd-sch-case .sch-box li:first-child{width:25%;}
.c_bs-brd-sch-case .sch-box li:nth-child(2){width:60%;}
.c_bs-brd-sch-case .sch-box li:last-child{width:fit-content;}

.c_bs-brd-sch-case .btn-case{display:flex; gap:0.40vw; justify-content:center;}
.c_bs-brd-sch-case .btn-case li {}
.c_bs-brd-sch-case .btn_ty1 {background:var(--color_1); font-size:3.7vw; border:none; color:#fff; display:block; height:6.67vw;
padding:0 2.67vw; border:0.13vw solid var(--color_1); box-sizing:border-box; display:flex; align-items:center; justify-content:center; }

.spamCodeTd{}
.spamCodeTd img{width:40%; display:inline-block;}
.spamCodeTd .input-box{width:100% !important; margin-top:2vw}

#tb_board_view .tb_line:last-child table{width:100% !important;}
.spamCodeWrap{display:flex; position:relative; }
.spamCodeWrap td:first-child{width:40%;}
.spamCodeWrap td:first-child img{width:100%;}
.spamCodeWrap td:last-child{width:60%; padding-bottom:12vw; font-size:3.2vw;}
.spamCodeWrap td:last-child input{position:absolute; bottom:0; left:0; width:100%;}



.c_bs-brd-sch-case-top{background:#f5f5f5; margin:6.67vw 0 9.33vw; width:100%; padding:4.67vw 4.34vw; box-sizing:border-box; justify-content:center;}
.c_bs-brd-sch-case-top .sch-box ul{display:flex; gap:0; width:100%; }
.c_bs-brd-sch-case-top .sch-box li {margin-right:; border:1px solid #ddd; box-sizing:border-box; height:8vw;}
.c_bs-brd-sch-case-top .sch-box li:first-child {margin-right:0.34vw; width:20%}
.c_bs-brd-sch-case-top .sch-box li:nth-child(2){width:70%}
.c_bs-brd-sch-case-top .sch-box li:last-child{width:10%}
.c_bs-brd-sch-case-top .sch-box li:last-child a{height:8vw; width:100%; background:var(--mainColor); border:none; padding:0; line-height:8vw}

.c_bs-brd-sch-case-bot{justify-content:flex-end;}
.c_bs-brd-sch-case-bot .btn-case{gap:0.4vw;}
.c_bs-brd-sch-case-bot .btn-case li a{display:block; 
	background-color:var(--mainColor); 
	color:#fff; 
	font-size:3.7vw; 
	border:none; 
	line-height:8.00vw; 
	height:8.00vw; 
	width:auto; 
	padding:0 1.333vw; 
	border-radius:0.400vw; 
	text-align:center; 
	vertical-align:middle; 
	width:20vw;}


.note-editing-area p > img{width:100% !important;}
.non { font-size:3.70vw; padding:20vw 0; }
}

