@charset "utf-8";

div.sub-book h3.tit02{margin:2rem 0;}
div.sub-book div.bbs div.bbs-top{margin-top:2rem;}

div.sub-book div.book-table{overflow:auto;}
div.sub-book div.book-table table{min-width:500px; width:100%;}

div.sub-book div.book-wrap{margin-bottom:5rem;}
div.sub-book div.book-wrap p.book-tit{font-weight:bold; font-size:1.4rem; padding:0.8rem 0; margin:0.8rem 0; border-bottom:2px solid #333; text-align:left;}
div.sub-book div.book-wrap p.book-sub-txt{font-size:1rem; color:#aaa; font-weight:initial;}

div.sub-book .book-btn{font-size:1.1rem; display:block; border:1px solid #333; width:fit-content; margin:1rem auto; padding:0.8rem 1rem; padding-right:4rem; position:relative; transition:0.3s;}
div.sub-book .book-btn:after{content:''; display:block; width:3rem; height:100%; background:#333; position:absolute; top:0; right:0;}
div.sub-book .book-btn:hover{background:#333; color:#fff; transform:translateY(-3px);}
div.sub-book .book-btn.download:after{background:#333 url("/for_end_bcha/img/book_download_wh.svg")center/40% auto no-repeat;}
div.sub-book .book-btn.link:after{background:#333 url("/for_end_bcha/img/book_link_wh.svg")center/40% auto no-repeat;}

/* °Ô½Ã±Û ³»ºÎ ÅǸ޴º ½ºÅ¸ÀÏ */
div.sub-book div.tabmenu-wrap ul.tab-nav{display:flex; align-items:center; margin-bottom:0; border-bottom:1px solid #ccc;}
div.sub-book div.tabmenu-wrap ul.tab-nav li{margin:0; width:calc(100%/6); padding:0; position:relative;}
div.sub-book div.tabmenu-wrap ul.tab-nav li:hover a{color:#333;}
div.sub-book div.tabmenu-wrap ul.tab-nav li a{border-radius:0; border:none; background:#f5f5f5; color:#888; transition:initial; padding:1rem 0;}
div.sub-book div.tabmenu-wrap ul.tab-nav li a span.tab_eng{display:block; font-size:14px; font-family:'NotoKr_R';}
div.sub-book div.tabmenu-wrap ul.tab-nav li.on{}
div.sub-book div.tabmenu-wrap ul.tab-nav li.on:after{content:''; display:block; width:calc(100% - 2px); position:absolute; height:7px; left:50%; transform:translateX(-50%); bottom:-2px; background:#fff;}
div.sub-book div.tabmenu-wrap ul.tab-nav li.on a{font-family:'NotoKr_B'; background:#fff; color:#333; border:1px solid #ccc; border-top:2px solid #333; border-bottom:none;}
div.sub-book div.tabmenu-wrap ul.tab-nav li.on:hover a{background:#fff; color:#333;}
div.sub-book div.tabmenu-wrap div.tab-con{border:1px solid #ccc; border-top:none; padding:2rem;}
div.sub-book div.tabmenu-wrap div.tab-con div.con-box#tabcon-01{display:block; width:100%;}
div.sub-book div.tabmenu-wrap div.tab-con div.con-box img{max-width:100%; width:auto;}

/* ¸®½ºÆ® Á¦¸ñ ½ºÅ¸ÀÏ */
div.sub-book div.bbs-list03 ul.photo_wrap > li{}
div.sub-book div.bbs-list03 ul.photo_wrap > li div.tit{position:relative; border-bottom: 0; text-decoration: underline; width: auto; max-width: 90%;}
div.sub-book div.bbs-list03 ul.photo_wrap > li div.tit:before{content:''; display:block; width:1.5rem; height:1.5rem; position:absolute; top:-2px; left:-1.5rem; background:url("/fro_end_jpn/img/book-click.svg")center/100% auto no-repeat;}

@media screen and (max-width:1024px){
	div.sub-book div.tabmenu-wrap ul.tab-nav li.long a{font-size:0.9rem; padding:7px 0;}
	div.sub-book div.tabmenu-wrap ul.tab-nav li.long a span.tab_eng{font-size:12px;}
}
@media screen and (max-width:768px){
	div.sub-book div.tabmenu-wrap ul.tab-nav{flex-wrap:wrap; justify-content:center;}
	div.sub-book div.tabmenu-wrap ul.tab-nav li{width:30%; margin:0 1%; margin-bottom:0.5rem;}
	div.sub-book div.tabmenu-wrap ul.tab-nav li a{word-break:unset; font-size:0.9rem; padding:0.5rem;}
	div.sub-book div.tabmenu-wrap ul.tab-nav li.on a{border:1px solid #333; border-top:1px solid #333;}
	div.sub-book div.tabmenu-wrap ul.tab-nav li.on:after{display:none;}

	div.sub-book div.book-wrap p.book-tit{font-size:1.2rem;}
}
@media screen and (max-width:480px){
	div.sub-book div.tabmenu-wrap ul.tab-nav li{width:48%;}
}