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

board_detail_sty01

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

.board_detail_sty01 {width:100%; overflow:hidden;}
.board_detail_sty01 > .tit {width:100%; border-bottom:1px solid #ddd; padding-bottom: 1rem;}
.board_detail_sty01 > .tit ul {width:100%; overflow:hidden;}
.board_detail_sty01 > .tit ul li {float:left; padding:0 1rem; letter-spacing: -0.06rem; 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: 3rem; color:#222; padding:1rem 0; letter-spacing: -0.1rem; line-height: 3.6rem;}

.board_detail_sty01 > .wrap_con {width:100%; overflow:hidden; border-bottom:1px solid #ddd;}
.board_detail_sty01 > .wrap_con > .con {padding: 3rem 0 9rem 0; font-size: 1.6rem; color:#333; font-weight: 300; font-family: 'Noto Sans KR'; line-height: 2.5rem;}

.board_detail_sty01 > .wrap_con > .con_file {position:relative; width:100%; overflow:hidden; border-top:1px solid #ddd; padding: 1.8rem 0;}
.board_detail_sty01 > .wrap_con > .con_file > h3 {position:absolute; left:0; width: 8rem; text-align:center; top:50%; transform:translateY(-50%); color:#444; font-weight: 500; font-size: 1.8rem; letter-spacing: -0.06rem;}
.board_detail_sty01 > .wrap_con > .con_file > ul {float:right; width:calc(100% - 10rem);}
.board_detail_sty01 > .wrap_con > .con_file > ul li {float:left; width:100%; margin: 0.2rem 0;}
.board_detail_sty01 > .wrap_con > .con_file > ul li a {background:url(/images/board_ico/ico_file.png) no-repeat 0 center / contain; color:#555; padding-left: 3rem; 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: 6rem;}
.prve_next_list::after {position:absolute; content:''; width:1px; height: 1.3rem; background:#bbb; left:50%; top:50%; transform:translateY(-50%);}
.prve_next_list ul li {float:left; padding:0 2.2rem; position:relative; font-size: 1.5rem; 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: 3rem;}
.prve_next_list ul li:last-child {padding-right: 3rem;}
.prve_next_list ul li:first-child::before {position:absolute; content:''; left:0; top: 50%; transform:translateY(-50%) rotate(-135deg); width: 0.8rem; height: 0.8rem; 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: 1.7rem; height:1px; top: 50%; background:#2d2d2d;}

.prve_next_list ul li:last-child::before {position:absolute; content:''; right:0; top: 50%; transform:translateY(-50%) rotate(45deg); width: 0.8rem; height: 0.8rem; 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:17rem; height:1px; top:50%; background:#2d2d2d;}


.prve_next_list ul li.none_con:first-child::before {position:absolute; content:''; left:0; top: 50%; transform:translateY(-50%) rotate(-135deg); width: 0.8rem; height: 0.8rem; 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:1.7rem; height:1px; top:50%; background:#949494;}

.prve_next_list ul li.none_con:last-child::before {position:absolute; content:''; right:0; top: 50%; transform:translateY(-50%) rotate(45deg); width: 0.8rem; height: 0.8rem; 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:1.7rem; height:1px; top:50%; background:#949494;}

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

//board_detail_sty01

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



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

board_basic_type01

*********************/
.board_basic_type01 {width:100%; margin-top: 2.5rem; margin-bottom: 4rem;}
.board_basic_type01.view_m {display: none; border-top: 2px solid #000;}
.board_basic_type01 table {width:100%; border-top:2px solid #000000; table-layout:fixed;}
.board_basic_type01 table th {background:#f8f8f8; padding:1.5rem 1rem; color:#222222; font-weight: 500; letter-spacing: -0.06rem; border-bottom:1px solid #dddddd;}
.board_basic_type01 table td {padding:1.5rem 1rem; color:#444; /* font-weight: 500; */ text-align:center; letter-spacing: -0.06rem; border-bottom:1px solid #dddddd;}
.board_basic_type01 table td.td_left {text-align:left;}
.board_basic_type01 table td a {cursor:pointer; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; width:auto; max-width:calc(100% - 25px); vertical-align: middle; display: inline-block;}
.ico_clip {vertical-align: middle; margin-left: 0.5rem; margin-top: 0.1rem;}
.board_basic_type01 table tr:hover td {border-bottom:1px solid #111212; }
.board_basic_type01 table tr:hover td a {font-weight: 500;}

.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:15%;}

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

//board_basic_type01

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











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

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

board_detail_sty01

*********************/
.board_detail_sty01 > .tit > h2 {font-size: 2.2rem; line-height: 3.4rem;}
.board_detail_sty01 > .tit ul li {font-size: 1.8rem;}
.prve_next_list ul li {font-size: 1.8rem;}
.board_bt_set01 a span {font-size: 1.8rem;}

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

//board_detail_sty01

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




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

board_basic_type01

*********************/
.board_basic_type01.view_pc {display: none;}
.board_basic_type01.view_m {display: block;}
.board_basic_type01.view_m .data_none {text-align: center; padding: 1.7rem 1rem; font-size: 1.8rem;}
.board_basic_type01_box { border-bottom:1px solid #ddd;}

.board_basic_type01_box a {display:block; padding: 1.7rem 1rem;}

.board_basic_type01_box .notice_stxt {background:#1097ff; color:#fff; font-size: 1.3rem; padding: 0 1rem; height: 2.5rem; line-height: 2.7rem; border-radius: 1.3rem; min-width: 5.2rem; text-align: center; display:inline-block; margin-bottom: 1rem;}
.board_basic_type01_box .part {color:#1097ff; font-weight:600; font-size:3.4vw; margin-bottom:1.5vw; }
.board_basic_type01_box .tit {display:flex; align-items:center;}
.board_basic_type01_box .tit p {font-size: 2rem; max-width: calc(100% - 2.3rem); text-overflow: ellipsis; white-space: nowrap; overflow:hidden; letter-spacing: -0.06rem; font-weight: 500;}
.ico_clip {margin-top: -0.3rem;width: 1.8rem;}
.board_basic_type01_box .date {margin-top: 1.4rem; font-size: 1.8rem; display: block; color: #666; letter-spacing: -0.06rem;}
/********************

//board_basic_type01

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

}