/********************
board_detail_sty01
*********************/

.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 {width:100%; overflow:hidden; border-bottom:1px solid #ddd;}
.board_detail_sty01 > .wrap_con > .con {padding:30px 0 90px 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; font-size:15px; 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
*********************/



/********************
board_calendar_type01
*********************/
.board_calendar_type01 {width:100%; overflow:hidden;}
.board_calendar_type01 .board_calendar_top {position:relative; width:100%; text-align:center;}
.board_calendar_type01 .board_calendar_top > div span,.board_calendar_type01 .board_calendar_top > div button {display:inline-block; width:13px; height:17px; font-size:0; line-height:0; text-indent:-999999px; vertical-align:top; margin-top:10px; border:0;}
.board_calendar_type01 .board_calendar_top > div span.prev,.board_calendar_type01 .board_calendar_top > div button.prev {background:url(../images/board_calendar_top_prev.png) no-repeat 0 0; cursor:pointer; margin-right:50px;}
.board_calendar_type01 .board_calendar_top > div span.next,.board_calendar_type01 .board_calendar_top > div button.next {background:url(../images/board_calendar_top_next.png) no-repeat 0 0; cursor:pointer; margin-left:50px;}
.board_calendar_type01 .board_calendar_top > div h3 {display:inline; font-size:24px; line-height:30px;}
.board_calendar_type01 .board_calendar_top > div h3 strong {font-size:30px; font-weight:600; vertical-align:top; margin-left:10px;}
.board_calendar_type01 .board_calendar_tab {position:absolute; right:0; top:0;}
.board_calendar_type01 .board_calendar_tab li {float:left; position:relative; width:36px; height:36px; border:1px solid #cccccc; box-sizing:border-box; cursor:pointer;}
.board_calendar_type01 .board_calendar_tab li.current {border:1px solid #111;}
.board_calendar_type01 .board_calendar_tab li a {position:absolute; width:100%; height:100%; top:0; left:0;}
.board_calendar_type01 .board_calendar_tab li span {display:none;}
.board_calendar_type01 .board_calendar_tab li:first-child {background:url(../images/board_calendar_tab_ico01.png) no-repeat center center;}
.board_calendar_type01 .board_calendar_tab li:first-child.current {background:url(../images/board_calendar_tab_ico01_on.png) no-repeat center center;}
.board_calendar_type01 .board_calendar_tab li:last-child {background:url(../images/board_calendar_tab_ico02.png) no-repeat center center;}
.board_calendar_type01 .board_calendar_tab li:last-child.current {background:url(../images/board_calendar_tab_ico02_on.png) no-repeat center center;}


.board_calendar_month {width:100%; margin-top:35px; display:flex; margin-bottom:20px;}
.board_calendar_month li {float:left; position:relative; width:7%; text-align:center; border:1px solid #dddddd; border-left:0; z-index:1; line-height:48px; height:50px; box-sizing:border-box; cursor:pointer; color:#666; font-size:15px;}
.board_calendar_month li.on {z-index:2; border:1px solid #111111; color:#111; font-weight:600;}
.board_calendar_month li:first-child {border-left:1px solid #ddd; }
.board_calendar_month li:first-child span {position:relative; display:inline-block; padding-left:15px;}
.board_calendar_month li:first-child span::before {position:absolute; top:50%; left:0; content:''; width:10px; height:1px; background:#bbbbbb;}
.board_calendar_month li:first-child span::after {position:absolute; top:50%; left:0; content:''; width:5px; height:5px; border-top:1px solid #bbb; border-left:1px solid #bbb; transform:translateY(-50%) rotate(-45deg);}
.board_calendar_month li:last-child span {position:relative; display:inline-block; padding-right:15px;}
.board_calendar_month li:last-child span::before {position:absolute; top:50%; right:0; content:''; width:10px; height:1px; background:#bbbbbb;}
.board_calendar_month li:last-child span::after {position:absolute; top:50%; right:0; content:''; width:5px; height:5px; border-top:1px solid #bbb; border-left:1px solid #bbb; transform:translateY(-50%) rotate(-225deg);}
.board_calendar_month li:first-child,.board_calendar_month li:last-child {width:8%; background:#f1f1f1;}

.board_calendar_day {width:100%; display:flex; border-top:2px solid #111; }
.board_calendar_day li {float:left; width:14.285%; box-sizing:border-box; background:#f8f8f8; text-align:center; line-height:48px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-weight:500; color:#666666;}
.board_calendar_day li:first-child {color:#dd3a3a;border-left:1px solid #dddddd;}
.board_calendar_day li:last-child {color:#0065e3;}

.board_calendar_date {width:100%; display:flex; }
.board_calendar_date li {float:left; position:relative; width:14.285%; box-sizing:border-box;  border-right:1px solid #ddd; border-bottom:1px solid #ddd;  min-height:120px; padding:18px; box-sizing:border-box;  /*cursor:pointer;*/ font-size:15px;}
.board_calendar_date li > span,.board_calendar_date li > a {font-size:15px; font-weight:500;}
.board_calendar_date li.on {background:#f1f1f1;}
.board_calendar_date li.date_sc::before {position:absolute; left:0px; top:0px; content:''; border:5px solid #111111;  border-right-color:transparent; border-bottom-color:transparent;}
.board_calendar_date li:first-child {border-left:1px solid #ddd;}
.board_calendar_date li:first-child a { color:#dd3a3a;}
.board_calendar_date li:last-child ,.board_calendar_date li:last-child a{color:#0065e3;}

.date_sc_box {width:100%; margin-top:10px; cursor:pointer; display:block;}
.date_sc_box * {font-size:15px;}
/*	.date_sc_box_blue {color:#0093e7; border:1px solid #0093e7; display:inline-block; padding:0 5px; line-height:27px;}	*/
/*	.date_sc_box_33 {color:#0093e7; border:1px solid #0093e7; display:inline-block; padding:0 5px; line-height:27px;}	*/
/*	.date_sc_box_oran {color:#ff9023; border:1px solid #ff9023; display:inline-block; padding:0 5px; line-height:27px;}	*/
/*	.date_sc_box_34 {color:#ff9023; border:1px solid #ff9023; display:inline-block; padding:0 5px; line-height:27px;}	*/

/* 교육일정 구분별 스타일 (01:기관방문, 02:내방교육, 03:큰키나무교육, 04:파견교육) */
.date_sc_box_01 {color:#e356ac; cursor:default;}
.date_sc_box_01::before {background:#e356ac;}
.date_sc_box_02 {color:#ff8c12; cursor:default;}
.date_sc_box_02::before {background:#ff8c12;}
.date_sc_box_03 {color:#a8d42a; cursor:default;}
.date_sc_box_03::before {background:#a8d42a;}
.date_sc_box_04 {color:#41b6eb; cursor:default;}
.date_sc_box_04::before {background:#41b6eb;}

.date_sc_box_37 {color:#e356ac;}
.date_sc_box_38 {color:#ff8c12;}
.date_sc_box_39 {color:#a8d42a;}
.date_sc_box_40 {color:#41b6eb;}


.date_sc p {position:relative; padding-left:14px; font-size:16px; }
.date_sc p::before {position:absolute; top:8px; left:0; width:10px; height:10px; content:''; border-radius:100%;}

.date_sc_box p {color:#111111; font-size:16px; margin-top:3px;}


.board_calendar_m_list {display:none;}
.board_calendar_tab_con {display:none;}
.board_calendar_tab_con.current {display:block;}
/********************
//board_calendar_type01
*********************/



/********************

board_basic_type01

*********************/
.board_basic_type01 {width:100%; margin-top:25px; margin-bottom:40px;}
.board_basic_type01 table {width:100%; border-top:2px solid #000000; table-layout:fixed;}
.board_basic_type01 table th {background:#f8f8f8; padding:15px 10px; color:#666; font-weight:600;}
.board_basic_type01 table tr {border-bottom:1px solid #dddddd;}
.board_basic_type01 table td {padding:15px 10px; color:#444; font-weight:500; text-align:center;}
.board_basic_type01 table td.td_left {text-align:left;}
.board_basic_type01 table td p,.board_basic_type01 table td a {cursor:pointer; width:100%; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; display:block;}

.board_basic_type01 table tr:hover td {background:#f1f1f1;}

.board_basic_type01 .board_basic_type01_col01 {width:8%;}
.board_basic_type01 .board_basic_type01_col02 {width:15%;}
.board_basic_type01 .board_basic_type01_col03 {width:;}
.board_basic_type01 .board_basic_type01_col04 {width:30%;}

/********************

//board_basic_type01

*********************/
#descBox {display:none; background-color:#fff; border:1px solid #000; z-index:100; padding:15px 20px 20px; font-size:16px;}
#descBox p {font-size:16px;}

#descBox p {position:relative; padding-left:14px; font-size:16px; }
#descBox p::before {position:absolute; top:8px; left:0; width:10px; height:10px; content:''; border-radius:100%;}


@media screen and (max-width:900px){
/********************
board_calendar_type01
*********************/
.board_calendar_month li span {padding:0!important;}
.board_calendar_month li span::After,.board_calendar_month li span::before {display:none!important;}
/********************
//board_calendar_type01
*********************/
}






@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:6vw 0 18vw 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;}

.prve_next_list ul li {padding:0 4.4vw; font-size:3vw;}
.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_sty01
*********************/


/********************
board_calendar_type01
*********************/
.board_calendar_type01 .board_calendar_top {padding-top:20vw;}
.board_calendar_type01 .board_calendar_tab {top:0; left:50%; transform:translateX(-50%); right:auto; width:60vw;}
.board_calendar_type01 .board_calendar_tab li {background:none!important; width:30vw; text-align:center; height:10vw;}
.board_calendar_type01 .board_calendar_tab li span {display:inline-block; padding-left:6vw; background-size:auto 4vw!important; font-size:3.6vw; line-height:9.5vw;}
.board_calendar_type01 .board_calendar_tab li.current span {color:#111;}

.board_calendar_type01 .board_calendar_tab li:first-child span {background:url(../images/board_calendar_tab_ico01_m.png) no-repeat 0 center;}
.board_calendar_type01 .board_calendar_tab li:last-child span {background:url(../images/board_calendar_tab_ico02_m.png) no-repeat 0 center;}
.board_calendar_type01 .board_calendar_tab li:first-child.current span {background:url(../images/board_calendar_tab_ico01_m_on.png) no-repeat 0 center;}
.board_calendar_type01 .board_calendar_tab li:last-child.current span {background:url(../images/board_calendar_tab_ico02_m_on.png) no-repeat 0 center;}

.board_calendar_type01 .board_calendar_top > div h3 {font-size:5vw; line-height:4.5vw;}
.board_calendar_type01 .board_calendar_top > div h3 strong {font-size:5.5vw;}

.board_calendar_type01 .board_calendar_top > div span,.board_calendar_type01 .board_calendar_top > div button {margin-top:0; width:2.42vw; height:3.2vw; background-size:100% auto!important; margin-top:0.8vw;}
.board_calendar_type01 .board_calendar_top > div span.prev,.board_calendar_type01 .board_calendar_top > div button.prev {margin-right:8vw;}
.board_calendar_type01 .board_calendar_top > div span.next,.board_calendar_type01 .board_calendar_top > div button.next {margin-left:8vw;}

.board_calendar_month {display:block; overflow:hidden; border-top:1px solid #ddd;}
.board_calendar_month li {width:14.285%!important; border-top:0; line-height:9vw; height:9.5vw; font-size:3.4vw;}
.board_calendar_month li:nth-child(7n + 1) {clear:both; border-left:1px solid #ddd;}
.date_sc_box {display:none;}
.board_calendar_day .m_none {display:none;}
.board_calendar_date li {min-height:14vw; padding:2vw;}

.on_today  {background:#f9fc16;}

.board_calendar_date li > span,.board_calendar_date li > a {font-size:3vw;}

.board_calendar_m_list {display:block; width:100%; margin-top:6.5vw;}
.board_calendar_m_list h3 {width:100%; font-size:4.1vw; color:#111; font-weight:500; border-bottom:2px solid #111111; padding-bottom:3vw;}
.board_calendar_m_list li {float:left; position:relative; width:100%; border-bottom:1px dotted #ddd;}
/*.board_calendar_m_list li::before {position:absolute; content:''; width:15px; height:1px; background:#bbbbbb; right:6vw; top:50%; transform:translateY(-50%);}
.board_calendar_m_list li::after {position:absolute; content:''; width:8px; height:8px; border-top:1px solid #bbb; border-right:1px solid #bbb; right:6vw; top:50%; transform:translateY(-50%) rotate(45deg);}
*/
.board_calendar_m_list li > span,.board_calendar_m_list li a > span {position:absolute; top:50%; transform:translateY(-50%); left:0; font-weight:500;}
.board_calendar_m_list li > div,.board_calendar_m_list li a > div {width:100%; margin:5vw 0; padding-left:25vw; padding-right:0; box-sizing:Border-box;}
.board_calendar_m_list li > div strong,.board_calendar_m_list li a > div strong {font-size:3.6vw; color:#111111; display:block; font-weight:500;}
.board_calendar_m_list li > div span,.board_calendar_m_list li a > div span {display:block; font-size:3.2vw; color:#666666;}


/*	.date_sc_box_blue,.date_sc_box_oran {line-height:6vw; padding:0 1vw; font-size:3.2vw;}	*/
.date_sc_box_33,.date_sc_box_34 {line-height:6vw; padding:0 1vw; font-size:3.2vw;}
/********************
//board_calendar_type01
*********************/

/********************

board_basic_type01

*********************/

.board_basic_type01 .board_basic_type01_col01 {width:15%;}
.board_basic_type01 .board_basic_type01_col02 {width:20%;}
.board_basic_type01 .board_basic_type01_col03 {width:;}
.board_basic_type01 .board_basic_type01_col04 {width:46%;}

.board_basic_type01 table td {padding:3vw 1vw;}

/********************

//board_basic_type01

*********************/

.date_sc p {font-size:0; height:3vw; margin-bottom:1vw;}
}