.mt90 {padding-top:90px;}
.mt50 {margin-top:50px;}
/********************
board_detail_sty01
*********************/


.board_detail_book_info .img {float:left; position:relative; width:300px; padding-bottom:300px; overflow:hidden; border:1px solid #dddddd; box-sizing:Border-box;}
.board_detail_book_info .img img {position:absolute; width:100%; left:0; top:50%; transform:translateY(-50%); transition:all ease 0.3s; opacity:1;}
.board_detail_book_info .con {float:right; width:calc(100% - 300px); padding-left:62px; box-sizing:Border-box;}
.board_detail_book_info .con > strong {    display: block;
    color: #266434;
    font-size: 18px;
    font-weight: 500;
    margin-top: 1px;}
.board_detail_book_info .con h2 {font-size: 26px;
    color: #222;
    font-weight: 500;
    font-family: 'Noto Serif SC', 'Noto Serif KR';
    }

.con_info_list {float:left; width:100%; margin-top:30px;}
.con_info_list li {float:left; width:100%; margin-bottom:10px;}
.con_info_list li strong {}

.con_info_list li strong {display:inline-block; float:left; width:70px; position:relative; font-size:18px; color:#333;  font-weight:500;}
.con_info_list li strong::before {position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:15px; background:#333; content:'';}
.con_info_list li span {display:inline-block; width:calc(100% - 70px); padding-left:20px; box-sizing:border-box;}

.con_bt_set {float:left; width:100%; margin-top:15px;}
.con_bt_set li {float:left; margin-right:15px; margin-top:15px;}
.con_bt_set li a {width:100px; height:30px; line-height:28px; border:1px solid #ddd; box-sizing:border-box; font-size:15px; color:#333; text-align:center; display:block;}
.con_bt_set li a:hover {background:#333333; color:#fff; border:1px solid #333;}

.board_detail_sty01 {width:100%; overflow:hidden;}
.board_detail_sty01 > .tit {width:100%; border-bottom:1px solid #ddd; padding-bottom:10px;}
.board_detail_sty01 > .tit ul {width:100%; overflow:hidden;}
.board_detail_sty01 > .tit ul li {float:left; padding:0 10px; box-sizing:border-box; position:relative; color:#555;}
.board_detail_sty01 > .tit ul li:first-child {padding-left:0; color:#222;}
.board_detail_sty01 > .tit ul li:not(:last-child)::before {position:Absolute; content:''; right:0; top:53%; transform:translateY(-50%); width:1px; height:10px; background:#dddddd;}

.board_detail_sty01 > .tit > h2 {display:block; width:100%; font-size:30px; color:#222; padding:10px 0;}

.board_detail_sty01 > .wrap_con {float:left; width:100%; overflow:hidden; border-top:1px solid #ddd;margin-top:50px;}
.board_detail_sty01 > .wrap_con > .con {padding:45px 0; font-size:16px; color:#333;}

.board_detail_sty01 > .wrap_con > .con_file {position:relative; width:100%; overflow:hidden; border-top:1px solid #ddd; padding:18px 0;}
.board_detail_sty01 > .wrap_con > .con_file > h3 {position:absolute; left:0; width:80px; text-align:center; top:50%; transform:translateY(-50%); color:#444; font-weight:500;}
.board_detail_sty01 > .wrap_con > .con_file > ul {float:right; width:calc(100% - 100px);}
.board_detail_sty01 > .wrap_con > .con_file > ul li {float:left; width:100%; margin:2px 0;}
.board_detail_sty01 > .wrap_con > .con_file > ul li a {background:url(/images/board_ico/ico_file.png) no-repeat 0 center; color:#555; padding-left:30px; box-sizing:border-box;}
.board_detail_sty01 > .wrap_con > .con_file > ul li a:hover {border-bottom:1px solid #555;}


.prve_next_list {float:left; position:relative; margin-top:60px;}
.prve_next_list::after {position:absolute; content:''; width:1px; height:13px; background:#bbb; left:50%; top:50%; transform:translateY(-50%);}
.prve_next_list ul li {float:left; padding:0 22px; position:relative; color:#555555; cursor:pointer; font-weight:500;}
.prve_next_list ul li.none_con {color:#888888; font-weight:300;}
.prve_next_list ul li:first-child {padding-left:30px;}
.prve_next_list ul li:last-child {padding-right:30px;}
.prve_next_list ul li:first-child::before {position:absolute; content:''; left:0; top:52%; transform:translateY(-50%) rotate(-135deg); width:8px; height:8px; border:0; border-top:1px solid #2d2d2d; border-right:1px solid #2d2d2d;}
.prve_next_list ul li:first-child::after {position:absolute; content:''; left:0; width:17px; height:1px; top:50%; background:#2d2d2d;}

.prve_next_list ul li:last-child::before {position:absolute; content:''; right:0; top:52%; transform:translateY(-50%) rotate(45deg); width:8px; height:8px; border:0; border-top:1px solid #2d2d2d; border-right:1px solid #2d2d2d;}
.prve_next_list ul li:last-child::after {position:absolute; content:''; right:0; width:17px; height:1px; top:50%; background:#2d2d2d;}


.prve_next_list ul li.none_con:first-child::before {position:absolute; content:''; left:0; top:52%; transform:translateY(-50%) rotate(-135deg); width:8px; height:8px; border:0; border-top:1px solid #949494; border-right:1px solid #949494;}
.prve_next_list ul li.none_con:first-child::after {position:absolute; content:''; left:0; width:17px; height:1px; top:50%; background:#949494;}

.prve_next_list ul li.none_con:last-child::before {position:absolute; content:''; right:0; top:52%; transform:translateY(-50%) rotate(45deg); width:8px; height:8px; border:0; border-top:1px solid #949494; border-right:1px solid #949494;}
.prve_next_list ul li.none_con:last-child::after {position:absolute; content:''; right:0; width:17px; height:1px; top:50%; background:#949494;}


.board_detail_sty01_tit01 {font-size: 20px; float:left; width:100%; position:relative; padding-bottom:15px;
    color: #222;
    font-weight: 500;
    font-family: 'Noto Serif SC', 'Noto Serif KR';
    margin-bottom: 20px;}
.board_detail_sty01_tit01::before {position:absolute; width:40px; height:2px; background:#266434; content:''; bottom:0; left:0;}
/********************
//board_detail_sty01
*********************/

.book_tab_sty01 {float:left; margin-top:50px; margin-bottom:40px; width:100%;}
.book_tab_sty01 li {width:25%; height:50px; line-height:50px; cursor:pointer; font-size:18px;}
.book_tab_sty01 li.current {color:#fff;}
.book_tab-content {display:none;}
.book_tab-content.current {display:block;}



/********************
board_gallery_img_type02
*********************/
.board_gallery_img_type02 {width:100%; margin:0 0 40px;}
.board_gallery_img_type02::after {display:block; clear:both; content:'';}

.board_gallery_img_type02 > ul > li {float:left; width:100%; border-bottom:1px solid #ddd; position:relative; padding:50px 0; cursor:pointer;}
.board_gallery_img_type02 > ul > li:first-child {padding-top:0;}
.board_gallery_img_type02 > ul > li a {float:left; width:100%;}
.board_gallery_img_type02 > ul > li.data_none {text-align:center;}
.board_gallery_img_type02 > ul > li::before {content:''; position:absolute; width:0; height:1px; background:#20602d; bottom:-1px; left:0; transition:all ease 0.2s;}
.board_gallery_img_type02 > ul > li:hover::before {width:100%;}

.board_gallery_img_type02 > ul > li div.img {float:left; width:300px;}
.board_gallery_img_type02 > ul > li div.img > div {position:relative; width:100%; padding-bottom:100%; overflow:hidden;}
.board_gallery_img_type02 > ul > li div.img > div img {position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); transition:all ease 0.5s;}
.board_gallery_img_type02 > ul > li:hover div.img > div::after {position:absolute; content:''; width:100%; height:100%; background:rgba(0,0,0,0.4) url(../images/board_gallery_img_type02_on.png) no-repeat center center; }
.board_gallery_img_type02 > ul > li div.txt {float:right; width:calc(100% - 360px);}
.board_gallery_img_type02 > ul > li div.txt h3 {width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:26px; font-family:'Noto Serif KR'; padding-bottom:1px; font-weight:500;}
.board_gallery_img_type02 > ul > li div.txt > p {clear:both; width:100%; font-size:18px; color:#266434; }



.book01_box_con > p {margin-top:20px; width:100%; font-weight:200;}

div.txt ul {float:left; margin-top:25px;}
div.txt ul li {float:left; width:100%; margin-top:10px;}
div.txt ul li strong {float:left; font-weight:500; font-size:18px; position:relative; display:inline-block; color:#333; width:80px;}
div.txt ul li strong::after {position:absolute; content:''; top:6px; right:0; width:1px; height:16px; background:#333333;}
div.txt ul li span,div.txt ul li p {float:right; width:calc(100% - 95px); display:inline-block;  font-size:16px; vertical-align:top; margin-top:1px;}

div.txt ul li p.line_5 {display: -webkit-box;
    -webkit-line-clamp: 5;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
overflow: hidden;
    max-height: 120px;}





/********************
//board_gallery_img_type02
*********************/



.book01_txt {float:left; margin-top:130px;}

.book01_txt > ul {margin:0;}
.book01_txt > ul > li {float:left; width:100%; padding:0 15px; box-sizing:border-box;}
.book01_txt_list > li div {width:100%; border:1px solid #ddd; border-top:3px solid #266434; padding:50px; box-sizing:border-box;}

.book01_txt_list > li div h3 {width:100%; font-size:20px; font-family:'Noto Serif KR'; position:relative; }
/*.book01_txt_list > li div h3::after {position:absolute; bottom:0; content:''; width:40px; height:2px; background:#266434; left:0;}*/

.book01_txt_list02 {width:100%;}
.book01_txt_list02 li {float:left; width:100%; box-sizing:border-box; padding-left:14px; position:relative; margin-top:10px;}
.book01_txt_list02 li::after {position:absolute; content:''; top:11px; left:0; width:3px; height:3px; background:#266434; border-radius:100%;}


@media screen and (max-width:767px){

/********************
board_detail_sty01
*********************/
.board_detail_sty01 > .tit > h2 {font-size:6vw; padding:2vw 0;}
.board_detail_sty01 > .wrap_con > .con {padding:9.5vw 0; font-size:3.2vw;}

.board_detail_sty01 > .wrap_con > .con_file > h3 {width:16vw;}
.board_detail_sty01 > .wrap_con > .con_file > ul {width:calc(100% - 20vw);}
.board_detail_sty01 > .wrap_con > .con_file > ul li a {background-size:3.6vw auto; padding-left:6vw;}
.board_detail_sty01 > .wrap_con > .con_file {padding:3.6vw 0;}

.board_detail_sty01_tit01 {font-size:4vw; padding-bottom:2.5vw; margin-bottom:4vw;}
.board_detail_sty01_tit01::before {width:8vw;}

.prve_next_list ul li {padding:0 4.4vw; }
.prve_next_list ul li:first-child {padding-left:6vw;}
.prve_next_list ul li:last-child {padding-right:6vw;}

.prve_next_list ul li:first-child::before,.prve_next_list ul li:last-child::before,.prve_next_list ul li.none_con:first-child::before {width:1.6vw; height:1.6vw; top:50%;}
.prve_next_list ul li:last-child::after,.prve_next_list ul li.none_con:first-child::after {width:3.4vw;}

.prve_next_list {margin-top:12vw;}

.prve_next_list::after {height:2.6vw;}

.board_bt_set01 {margin-top:10vw;}
.board_bt_set01 a {height:9.2vw; line-height:8.8vw; padding:0 7vw;}
.board_bt_set01 a span {padding-left:6.6vw; background-size:3.4vw auto!important;}

.board_detail_sty01 > .tit {padding-bottom:2vw;}

.board_detail_book_info .img {width:100%; padding-bottom:100%;}
.board_detail_book_info .con {width:100%; padding:0; margin-top:6vw;}
.board_detail_book_info .con > strong {font-size:3.8vw; margin-bottom:0.5vw;}
.board_detail_book_info .con h2 {font-size:5vw; margin-bottom:1vw;}
.con_bt_set li {margin-right:2vw;}
.con_info_list li strong {font-size:3.8vw; width:13.5vw;}
.con_info_list li span {padding-left:4vw; width:calc(100% - 13.5vw);}
.con_bt_set li a {width:20.5vw; height:6.5vw; line-height:5.5vw; font-size:3.5vw;}
.board_detail_sty01 > .wrap_con {margin-top:10vw;}

.con_bt_set li {margin-top:2vw;} 
.con_bt_set li:nth-child(4n) {margin-right:0;} 
/********************
//board_detail_sty01
*********************/




/********************
board_gallery_img_type02
*********************/
.board_gallery_img_type02 {margin:8vw 0;}
.board_gallery_img_type02 > ul > li div.img {width:100%;}
.board_gallery_img_type02 > ul > li div.txt {width:100%; margin-top:4vw;}
.board_gallery_img_type02 > ul > li div.txt h3 {font-size:5.6vw;}
.board_gallery_img_type02 > ul > li div.txt > p {font-size:3.8vw;}

div.txt ul li strong {font-size:3.8vw; width:17vw;}
div.txt ul li span, div.txt ul li p {width:calc(100% - 20vw); font-size:3.8vw;}

div.txt ul li p.line_5 {max-height:27.1vw;}

div.txt ul {margin-top:2vw;}

.board_gallery_img_type02 > ul > li {padding:6vw 0;}
/********************
//board_gallery_img_type02
*********************/

.book01_txt {margin-top:15px;}
.book01_txt > ul > li {width:100%; margin-top:30px;}
.book01_txt_list > li div {float:left; height:auto; padding:6vw;}
.book01_txt_list > li div h3 {font-size:4vw; padding-bottom:3.5vw; margin-bottom:2vw;}
.book01_txt_list > li div h3::after {width:8vw;}
.book01_txt_list02 li {padding-left:3vw; margin-top:2vw;}
.book01_txt_list02 li::after {top:2.3vw;}

div.txt ul li strong::after {height:3.6vw; top:0.9vw;}

.book_tab_sty01 {    width: calc(100% - 2px); margin-top:9vw; margin-bottom:8vw;}
.book_tab_sty01 li {width:50%; height:10vw; font-size:3.8vw; line-height:9.8vw;}
.con_info_list {margin-top:6vw;}
.con_bt_set {margin-top:6vw;}
.con_info_list li {margin-bottom:2vw;}
}