/* bd_tt */
.bd_tt_wrap{ margin-bottom:50px; word-break:keep-all; padding-left:15px; }
.bd_tt_wrap, .bd_tt_wrap *{ box-sizing:border-box; }
.bd_tt_wrap > h2{ font-family:'score'; font-size:35px; font-weight:700; color:#333; line-height:1em; margin-bottom:10px; }
.bd_tt_wrap > p{ font-size:15px; font-weight:300; color:#888; line-height:1.7em; }
.bd_tt_wrap > p > b{ font-weight:500; color:#666; }


@media(max-width:850px){
	.bd_tt_wrap > h2{ font-size:30px; line-height:1.3em; }
	.bd_tt_wrap > h2 > a{ font-size:16px; }
	.bd_tt_wrap > p{ font-size:14px; }
}

/* bd_tab */
.bd_tab{ width:100%; margin:0 -3px 15px; padding:0 0 5px; border-bottom:1px solid #ddd; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -ms-flex-direction:row; -webkit-box-lines:multiple; -ms-flex-wrap:wrap; flex-wrap:wrap; }
.bd_tab, .bd_tab *{ box-sizing:border-box; }
.bd_tab > li{ padding:0 3px 6px; min-width:10%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-flex:1; -ms-flex:1; flex-grow:1; }
.bd_tab > li > a{ display:block; width:100%; padding:10px 20px; border:1px solid #ddd; background-color:#fff; font-size:15px; font-weight:400; color:#333; text-align:center; }

/* bd_sel */
select.bd_sel{ display:none; width:100%; border:1px solid #ddd; border-radius:4px; padding:10px 15px; font-size:18px; font-weight:300; color:#333; margin-bottom:20px; }
select.bd_sel{ appearance:none; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; background-image:url(../img/ar.svg); background-position:right 10px top 50%; background-repeat:no-repeat; }

@media(max-width:700px){
	.bd_tab{ display:none; }
	select.bd_sel{ display:block; }
}

.bd_wrap{  }
.bd_wrap > .bd_chk{ margin-bottom:20px; text-align:right; }
.bd_list, .bd_list *{ box-sizing:border-box; }

/* nor */
#nor > .bd_list > table{ border-collapse:collapse; box-shadow:2px 2px 6px 0 rgba(0,0,0,0.25); }
#nor > .bd_list > table > thead{ border-bottom:1px solid #eee; }
#nor > .bd_list > table > thead > tr > th{ word-break:keep-all; text-align:left; }
#nor > .bd_list > table > thead > tr > th.title{ width:100%; }
#nor > .bd_list > table > thead > tr > th.author,
#nor > .bd_list > table > thead > tr > th.time,
#nor > .bd_list > table > thead > tr > th.count{ white-space:nowrap; text-align:center; }
#nor > .bd_list > table > thead > tr > th > p,
#nor > .bd_list > table > thead > tr > th > a{ display:block; padding:20px 17px; font-size:15px; font-weight:500; color:#333; }
#nor > .bd_list > table > thead > tr > th.bd_chk > div{ padding:24px 17px; }
#nor > .bd_list > table > thead > tr > th.bd_chk > div > input[type=checkbox]{ display:block; }
#nor > .bd_list > table > tbody > tr{ border-bottom:1px solid #eee; }
#nor > .bd_list > table > tbody > tr.bd_not{ background-color:#f5f5f5; }
#nor > .bd_list > table > tbody > tr.bd_not > td.no{ font-size:13px; white-space:nowrap; }
#nor > .bd_list > table > tbody > tr > td{ padding:20px 17px; }
#nor > .bd_list > table > tbody > tr > td.no,
#nor > .bd_list > table > tbody > tr > td.author,
#nor > .bd_list > table > tbody > tr > td.time{ text-align:center; }
#nor > .bd_list > table > tbody > tr > td.no{ font-weight:500; font-size:14px; }
#nor > .bd_list > table > tbody > tr > td.title{ white-space:normal; }
#nor > .bd_list > table > tbody > tr > td > p,
#nor > .bd_list > table > tbody > tr > td > a{ display:inline-block; font-size:14px; font-weight:300; color:#333; }

@media(max-width:850px){
	#nor > .bd_list > table > thead > tr > th > p,
	#nor > .bd_list > table > thead > tr > th > a{ padding:14px 14px; }
	#nor > .bd_list > table > thead > tr > th.bd_chk > div{ padding:18px 17px; }
	#nor > .bd_list > table > tbody > tr > td{ padding:14px 14px; }
	#nor > .bd_list > table > tbody > tr > td > p,
	#nor > .bd_list > table > tbody > tr > td > a{ font-size:13px; }
}



/* faq */
#faq > ul > li{ background-color:#fff; position:relative; z-index:1; overflow:hidden; border-top:1px solid #ccc; }
#faq > ul > li:last-child{ border-bottom:1px solid #ccc; }
#faq > ul > li.note{ background-color:#f9f9f9; }
#faq > ul > li > input[type=checkbox]{ position:absolute; z-index:5; top:5px; right:5px; }
#faq > ul > li > h3{ position:relative; z-index:1; padding:30px 60px 30px 0; font-family:'pt','noto'; font-size:19px; font-weight:400; color:#333; line-height: 1em; cursor:pointer; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
#faq > ul > li > h3:after{ content:"\f067"; position:absolute; top:50%; right:20px; font-family:'Line Awesome Free'; font-size:24px; font-weight:900; color:#333; line-height:1em; transform:translate(0, -50%); }
#faq > ul > li > h3.act:after{ content:"\f068"; }
#faq > ul > li > .faq_con{ display:none; background-color:#fafafa; padding:20px; border-top:1px solid #ddd; word-break:keep-all; }
#faq > ul > li > .faq_con.act{ display:block; }
#faq > ul > li > .faq_con > .faq_rd{ overflow-x:auto; }
#faq > ul > li > .faq_con > .faq_rd table{ width:100%; min-width:700px; border-collapse:collapse; table-layout:fixed; border-top:3px solid #2d4e9e; }
#faq > ul > li > .faq_con > .faq_rd table th, #faq > ul > li > .faq_con > .faq_rd table td{ border:1px solid #ddd; text-align:center; padding:10px 15px; }
#faq > ul > li > .faq_con > .faq_rd table th{ background-color:#f9f9f9; font-size:18px; }
#faq > ul > li > .faq_con > .faq_rd table td{ background-color:#fff; font-size:15px; }
#faq > ul > li > .faq_con > .faq_rd p{ font-size:15px; font-weight:400; line-height:1.7em; word-break:keep-all; }
#faq > ul > li > .faq_con > .faq_btn{ margin-top:20px; text-align:right; }
#faq > ul > li > .faq_con > .faq_btn > a{ display:inline-block; margin-left:5px; padding:7px 15px; font-size:13px; font-weight:300; border:1px solid #ddd; background-color:#fff; color:#333; transition:0.3s border,0.3s background-color,0.3s color; }
#faq > ul > li > .faq_con > .faq_btn > a:hover{ color:#fff; }

@media(max-width:600px){
	#faq > ul > li > h3{ padding:24px 50px 24px 0; font-size:16px; }
	#faq > ul > li > h3:after{ font-size:30px; }
	#faq > ul > li > .faq_con > .faq_rd p{ font-size:14px; }
	.faq_btn > a > span{ display:none; }
}






/* wez_share */
.noDoc{ border:1px solid #ddd; padding:20px; text-align:center; font-size:15px; font-weight:300; color:#888; }
.bd_list > ul{ display:block; }
.bd_list > ul > li{ position:relative; z-index:1; }
.bd_list > ul > li > input[type=checkbox]{ position:absolute; z-index:50; top:5px; margin:0; }
.bd_list > ul > li > .bd_box > .no_tmb{ display:block; position:relative; z-index:1; background-color:#ddd; }
.bd_list > ul > li > .bd_box > .no_tmb > div{ width:100%; }
.bd_list > ul > li > .bd_box > .no_tmb > div > span{ position:absolute; z-index:1; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); font-size:14px; font-weight:400; color:#333; text-shadow:-1px -1px 1px #fff; }
.bd_list > ul > li > .bd_box > .bd_tmb{ display:block; overflow:hidden; }
.bd_list > ul > li > .bd_box > .bd_tmb > img{ display:block; width:100%; height:auto; }
.bd_list > ul > li > .bd_box > .bd_txt > .bd_txt_box{ margin:0 -7px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -ms-flex-direction:row; flex-direction:row; -webkit-box-lines:multiple; -ms-flex-wrap:wrap; flex-wrap:wrap; }
.bd_list > ul > li > .bd_box > .bd_txt > .bd_txt_box > h3{ width:100%; padding:0 7px; font-size:18px; font-weight:500; transition:0.3s color; }
.bd_list > ul > li > .bd_box > .bd_txt > .bd_txt_box > h3 > a{ display:block; color:inherit; }
.bd_list > ul > li > .bd_box > .bd_txt > .bd_txt_box > p{ padding:0 7px; margin-top:0.5833333333333333em; font-weight:300; }
.bd_list > ul > li > .bd_box > .bd_txt > .bd_txt_box > p.summary{ width:100%; line-height:1.6em; }
.bd_list > ul > li > .bd_box > .bd_txt > .bd_txt_box > p.bd_exvar{ width:100%; }




/* wez_a */
#wez_a > .bd_list > ul > li{ padding:0 0 15px; }
#wez_a > .bd_list > ul > li > input[type=checkbox]{ left:5px; }
#wez_a > .bd_list > ul > li > .bd_box{ position:relative; z-index:1; width:100%; overflow:hidden; display:-webkit-box; display:-ms-flexbox; display:flex; transition:0.3s box-shadow; -webkit-box-orient:horizontal; -ms-flex-direction:row; flex-direction:row; -webkit-box-lines:multiple; -ms-flex-wrap:wrap; flex-wrap:wrap; }
#wez_a > .bd_list > ul > li > .bd_box > .bd_txt{ padding:20px 30px; }

@media(max-width:850px){
	#wez_a > .bd_list > ul > li > .bd_box > .bd_txt{ padding:15px 20px; }
}





/* wez_b */
#wez_b > .bd_list > ul{ margin:0 -10px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -ms-flex-direction:row; flex-direction:row; -webkit-box-lines:multiple; -ms-flex-wrap:wrap; flex-wrap:wrap; }
#wez_b > .bd_list > ul > li{ padding:0 10px 20px; display:-webkit-box; display:-ms-flexbox; display:flex; }
#wez_b > .bd_list > ul > li > input[type=checkbox]{ right:15px; }
#wez_b > .bd_list > ul > li > .bd_box{ position:relative; z-index:1; width:100%; overflow:hidden; transition:0.3s box-shadow; }
#wez_b > .bd_list > ul > li > .bd_box > .bd_tmb{ width:100%; }
#wez_b > .bd_list > ul > li > .bd_box > .bd_tmb.vid_tmb > div{ width:100%; padding-top:56.11111111%; background-position:center; background-size:cover; background-repeat:no-repeat; }
#wez_b > .bd_list > ul > li > .bd_box > .bd_txt{ padding:15px 20px; }


@media(max-width:850px){
	#wez_b > .bd_list > ul > li{ width:50%; }
}
@media(max-width:519px){
	#wez_b > .bd_list > ul > li{ width:100%; }
}



/* vid */
#vid > .bd_list > ul{ margin:0 -10px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -ms-flex-direction:row; flex-direction:row; -webkit-box-lines:multiple; -ms-flex-wrap:wrap; flex-wrap:wrap; }
#vid > .bd_list > ul > li{ padding:0 10px 20px; display:-webkit-box; display:-ms-flexbox; display:flex; }
#vid > .bd_list > ul > li > input[type=checkbox]{ left:20px; }
#vid > .bd_list > ul > li > .bd_box{ position:relative; z-index:1; width:100%; overflow:hidden; transition:0.3s box-shadow; }
#vid > .bd_list > ul > li > .bd_box > .bd_tmb{ position:relative; z-index:1; width:100%; }
#vid > .bd_list > ul > li > .bd_box > .bd_tmb:after{ content:''; position:absolute; z-index:1; top:0; bottom:0; left:0; right:0; }
#vid > .bd_list > ul > li > .bd_box > .bd_tmb > div{ width:100%; padding-bottom:56.25%; background-position:center; background-size:cover; background-repeat:no-repeat; }
#vid > .bd_list > ul > li > .bd_box > .no_tmb > div{ width:100%; padding-bottom:56.25%; }
#vid > .bd_list > ul > li > .bd_box > .bd_txt{ padding:15px 20px; }


@media(max-width:850px){
	#vid > .bd_list > ul > li{ width:50%; }
}
@media(max-width:519px){
	#vid > .bd_list > ul > li{ width:100%; }
}



/* bd_ft */
.bd_ft{ position:relative; margin:30px 0 0; overflow:hidden; }
.bd_ft, .bd_ft *{ box-sizing:border-box; }
.bd_sch{ display:-webkit-box; display:-ms-flexbox; display:flex; float:left; position:relative; margin:0 4px 0 0; }
.bd_sch > select{ display:inline-block; padding:6px 30px 6px 7px; font-size:13px; font-weight:300; border:1px solid #ddd; border-radius:4px; margin-right:5px; }
.bd_sch > .sch_input{ width:100%; position:relative; z-index:1; display:inline-block; }
.bd_sch > .sch_input > input[type=text]{ display:block; width:100%; border:1px solid #ddd; padding:7px 35px 7px 7px; font-size:13px; font-weight:300; color:#333; }
.bd_sch > .sch_input > button{ position:absolute; z-index:1; top:0; right:0; padding:7px 10px; font-size:15px; color:#333; background-color:#ddd; cursor:pointer; }


.bd_btn{ float:right; }
.bd_btn > a{ display:inline-block; margin-left:5px; padding:7px 15px; font-size:13px; font-weight:300; border:1px solid #ddd; background-color:#fff; color:#333; transition:0.3s border, 0.3s background-color, 0.3s color; }
.bd_btn > a:hover{ color:#fff; }

.bd_page{ clear:both; width:100%; padding-top:30px; text-align:center; vertical-align:middle; }
.bd_page > a, .bd_page > strong{ display:inline-block; font-size:16px; vertical-align:middle; padding:7px 4px; }
.bd_page > a{ color:#aaa; }
.bd_page > a:hover{ color:#777; }
.bd_page > a > i{ display:block; }

@media(max-width:700px){
	.bd_btn > a > span{ display:none; }
}
@media(max-width:600px){
	.bd_sch{ float:none; width:100%; margin:0 0 20px; }
	.bd_btn{ float:none; text-align:center; }
}





/* rd */
.rd_vid{ position:relative; overflow:hidden; width:100%; padding-top:56.25%; }
.rd_vid > iframe{ position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; }

.rd_exvar{ width:100%; }
.rd_exvar.up{ margin-bottom:40px; }
.rd_exvar.low{ margin-top:40px; }
.rd_exvar > table{ width:100%; border-collapse:collapse; }
.rd_exvar > table > tbody > tr > th, .rd_exvar > table > tbody > tr > td{ padding:13px 20px; border:1px solid #ddd; }
.rd_exvar > table > tbody > tr > th{ white-space:nowrap; text-align:left; background-color:#f5f5f5; font-size:14px; font-weight:500; color:#333; }
.rd_exvar > table > tbody > tr > td{ width:100%; font-size:13px; font-weight:300; color:#666; }

.rd_btn{ width:100%; clear:both; margin:30px 0; text-align:right; }
.rd_btn > a{ display:inline-block; margin-left:5px; padding:7px 15px; font-size:13px; font-weight:300; border:1px solid #ddd; background-color:#fff; color:#333; transition:0.3s border,0.3s background-color,0.3s color; }
.rd_btn > a:hover{ color:#fff; }

@media(max-width:600px){
	.rd_btn > a > span{ display:none; }
}


/* slider */
.pro_sli_wrap{ border:1px solid #ddd; margin-bottom:20px; }
.pro_sli{ padding-top:66.69230769230769%; background-position:center; background-size:contain; background-repeat:no-repeat; }
#pro_page > .swiper-pagination-bullet{ opacity:1; background-color:#aaa; width:12px; height:12px; border-radius:50px; transition:0.4s width; }
#pro_page > .swiper-pagination-bullet-active{ width:30px; }



/* mn */
.mn_wrap{ margin:60px auto 0; padding:30px; border-radius:8px; background-color:#f9f9f9; box-shadow:4px 4px 9px 0 rgba(0,0,0,0.25); }
.mn_wrap, .mn_wrap *{ box-sizing:border-box; }
.mn_pt_wrap{ margin:0 -15px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -ms-flex-direction:row; -webkit-box-lines:multiple; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-around; }
.mn_pt{ max-width:280px; width:25%; padding:0 15px; }
.mn_pt > h3{ font-size:17px; font-weight:300; color:#333; text-align:center; }
.mn_pt > a{ display: block; max-width:250px; width:100%; margin:0 auto; }
.mn_pt > a > img{ max-width:100%; max-height:30px; width:auto; height:auto; display:block; margin:0 auto; }

@media(max-width:620px){
	.mn_pt{ width:33.33333333%; }
	.mn_pt.pt_01{ max-width:100%; width:100%; padding:0 15px 20px; }
}
@media(max-width:500px){
	.mn_wrap{ padding:20px; }
	.mn_pt_wrap{ margin:0 -5px; }
	.mn_pt{ padding:0 5px; }
	.mn_pt.pt_01{ padding:0 5px 15px; }
}