/* board common */
.bd{ margin: 60px 0}
.bd .container{}
.bd .choice-board{ margin-bottom: 50px }
.bd h3{ 
    display: block;
    font-size: 32px; height: 32px; line-height: 32px; font-weight: 600; text-align: center;
    margin-bottom: 30px;
}
.bd-top{ margin-bottom: 10px }
.bd-bottom{ margin-top: 30px; text-align: right}
.bd-bottom button{ width: 120px}
.bd-btn-wrap button + button{ margin-left: 5px }
.table-wrap dl{ height: 34px; line-height: 34px;}

.bd-subBanner{ height: 300px; overflow: hidden; position: relative; margin-top: 70px}
.bd-subBanner img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%)}


/* pagination */
.bd_paginate{ margin: 20px auto 0; text-align: center}
.bd_paginate a, .pageNum, .pageNum li{
    display: inline-block;
    height: 30px; line-height: 30px; vertical-align: bottom;
}
.bd_paginate a{ padding: 0 10px; margin: 0 5px;}
.pageNum li a{ margin:0 2px; padding: 0 5px}
.pageNum li.on{ font-weight: bold; font-size: 20px;}


.bd-list table{
    font-size: 14px; width: 100%;
    border-top: gray 1px solid;
}
.bd-list thead{}
.bd-list tbody{}
.bd-list tr{}
.bd-list th{
    padding: 15px 0 10px; text-align: center; font-weight: 600; font-size: 16px;
    border-bottom: silver 1px solid;
}
.bd-list td{
    padding: 10px 0; text-align: center; border-bottom: lightgray 1px solid; height: 18px;
}


/* List */
.bd-list .col-num{ width: 80px}
.bd-list td.col-title{ text-align: left}
.bd-list .col-writer,
.bd-list .col-date,
.bd-list .col-read{ width: 150px}
.bd-list .bd-top{ overflow: hidden }
.bd-list .bd-search select{ margin-right: 4px; min-width: 80px; padding-left: 10px}
.bd-list .bd-search input[type='text']{ width: 650px; margin-right: 3px; padding: 0 10px; }


/* FAQ */
.bd_tab{ display: table; width: 100%; table-layout: fixed;}
.bd_tab .tablinks{ display: table-cell; border: silver 1px solid; padding: 10px; text-align: center; font-weight: 600}
.bd_tab .tablinks + .tablinks{ border-left: 0;}

.tabcontent{ padding-top: 30px; display: none; }
.tabcontent.on{ display: block }
.bd-faq{}
.accordion dt,.accordion dd >div{
    display: flex; border-bottom: silver 1px solid;
}
.accordion dt{ padding: 10px; cursor: pointer; line-height: 160%; font-size: 14px }
.accordion dd{ height: 0; overflow: hidden; margin-top: -1px; transition: 0.5s; line-height: 160% }
.accordion .dd-inner-wrap{ padding: 20px; padding-left: 60px }
.accordion dt.on + dd{ margin-top: 0 }
.faq-bul{
    width: 30px; height: 30px; line-height: 30px; border-radius: 50%; text-align: center;
    background: gray; margin-right: 15px; font-weight: bold;
}
.accordion dd .faq-bul{ margin-right: 25px}
dd .faq-bul + div { width: calc(100% - 55px);}
.faq-category{ width: 80px;  margin-right: 20px; text-align: center}
dt .faq-category{ font-size: 12px; line-height: 30px}
dt .faq-category + div { width: calc(100% - 145px); padding-top: 4px; padding-bottom: 4px}
.bd-top{ margin-bottom: 30px; text-align: center}
.bd-top select, .bd-top input, .bd-top button, .bd-bottom button{
    border: #ccc 2px solid; height: 40px; font-weight: bold; font-size: 15px
}
.bd-top button{ font-size: 15px; width: 100px; font-weight: 600}
.bd-top .bd-search select{ margin-right: 4px; padding-left: 10px; min-width: 110px}
.bd-top .bd-search input{ width: 650px; margin-right: 3px; padding:0 10px; }
.bd-footer{ margin-top: 30px }
.faq-head{
	background-color:#efefef;
    text-align: center;
    font-weight: 600;
	color:#000 !important;
    font-size: 16px;
    border-bottom: silver 1px solid !important; border-top: gray 1px solid; overflow: hidden;
    padding: 15px 0 10px; height: 18px; line-height: 18px;
}
.faq-head >div{ display: inline-block; height: 18px;}
.faq-head .faq-bul{ background: none; height: 10px}
.bd-faq .faq-head >div:last-child{ width: calc(100% - 180px)}
.faq-count{ text-align: right; margin-bottom:10px; font-size: 15px}
.faq-count .red{ margin-left: 10px; font-weight: bold}


/* write */
.bd-write dl{ display: table; width: 100% }
.bd-write dl + dl{ margin-top: 10px }
.bd-write dt,.bd-write dd{ display: table-cell }
.bd-write dt{ font-size: 14px; font-weight: bold; width: 100px }
.bd-write input{ width: 400px; padding: 0 10px;}
.bd-write .dl-title input{ width: 700px }
.bd-write .dl-email input:first-child{ width: 269px}
.bd-write .dl-email input:nth-child(3){ width: 250px}
.bd-write .dl-phone input,.bd-write .dl-phone select,
.bd-write .dl-mobile input,.bd-write .dl-mobile select{ width: 80px; padding: 0 10px;}
.bd-write dd input + span{ padding: 0 5px }
.bd-write dd select + span{ margin: 0 -3px; padding: 0 5px }
.bd-write dd textarea{
    width:100%; height: auto; min-height: 250px; padding: 10px; box-sizing: border-box;
    display: block; resize: none;
}
.bd-write .explain{ margin-bottom: 10px; /*text-align: right*/ }


/* read(show) */
.bd-show .table-wrap{ overflow: hidden }
.bd-show .dl-title{ font-size: 25px; font-weight: 600; display: block; }
.bd-show .dl-title dt{ display: none }
.bd-show dl{ width: auto; display: inline-block; position: relative}
.bd-show dl + dl{ padding-right: 12px; margin-right: 8px}
.bd-show dl + dl:after{
/*    content: ""; display: block; width: 1px; height: 14px; background: silver;*/
/*    position: absolute; right: 0; top: 50%; transform: translateY(-50%)*/
}
.table-wrap dl + dl{ margin-top: 10px}
.table-wrap dt, .table-wrap dd{ display: table-cell; padding-left: 10px}
.bd-show dt{ width: auto; padding-right: 5px; font-weight: normal; font-size: 11px; color: silver}
.bd-show dt span{ display: none}
.bd-show dt i{ margin-right: 3px;font-size: 20px;color: lightgray;margin-top: 0;width:25px;text-align:center;}

.bd-show .dl-content, .bd-show .dl-content dd{
    display: block; height: auto; margin: 0; padding: 0;
}
.bd-show .dl-content dd{
    margin: 40px 0 30px; padding: 40px 0;
    border-top: silver 1px dashed; border-bottom: silver 1px solid;
}
.bd-show .dl-content .div_textarea{ font-size: 16px; line-height: 28px; min-height: 100px; }

.bd-show .bd-prev-next{ margin-top: 50px; border-top: silver 1px solid}
.bd-show .bd-prev-next dl{
    display: table; width: 100%; margin: 0; padding: 5px 0;
    border-bottom: silver 1px solid
}
.bd-show .bd-prev-next dt{
    font-size: 13px; color: inherit; display: table-cell; width: 100px; padding: 0 10px;
}
.bd-show .bd-prev-next dt i{ margin-left: 20px}
.bd-show .bd-prev-next dd{ display: table-cell}
.bd-show .bd-prev-next dd a{ display: block; padding: 5px}



/* 1:1 */
.explain-box{
    border: silver 1px solid; border-radius: 5px; padding: 20px 40px; position: relative;
    margin-bottom: 40px; box-shadow: 0 2px 3px rgba(0,0,0,0.1)
}
.explain-box p{ line-height: 160%; text-align: center}
.explain-box p.title{ font-size: 16px; font-weight: 600}
.explain-box p + p{ margin-top: 30px;}
.pop-explain-wrap{
    background: rgba(0,0,0,0.5); position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; display: none;
}
.alert-box{
    width: 800px; padding: 80px; margin:0;
    position: relative; left: 50%; top: 50%; transform: translate(-50%,-50%);
    background: white; text-align: center;
    box-sizing: border-box;
}

.alert-box button{
    padding: 10px 30px; font-size: 14px; font-weight: bold; margin-top: 20px; height: 40px;
}
.alert-box button + button{ margin-left: 10px}
.bd-write2 dt .red{ display: inline-block; width: 10px}

.btn-story-list{float:right;}
.btn-story-list button{color:#fff;font-weight:600;margin-bottom:3px;height:40px;font-size:15px;padding:0 15px;}
.btn-story-list button:hover{background-color: #1e68b3 !important; border-color: #1e68b3;}



#sub2 #hd{box-shadow:none;}
.subHD + main .choice-board{ display: none}
.subHD .theme-2nd-wrap ul li a.on{ font-size: 15px; font-weight: bold}

.bd-subBanner{ display: none;}
.bd{ margin-top: 135px}

.div_textarea table {border-collapse: collapse;}
.div_textarea table td {border-bottom: none; text-align: inherit;}
.div_textarea table[border='0'] td {border: 1px solid #ccc;}