@charset "utf-8";/* CSS Document */

/**/
.w_no { width:6em } 
.w_faq{ width: 8em;}
.w_cate { width:8em } 
.w_tit { width:auto } 
.w_name { width:7em } 
.w_date { width:9em } 
.w_hit { width:7em } 
.w_check { width:4em } 
.w_btn { width:6em } 
.w_state { width:7em } 
.w_sec_tit { width:16em } 

.w_form_tit { width:12em } 
.w_form { width:auto } 
.w_auto { width:auto } 

.tt_state { display:inline-block; box-sizing:border-box; border:1px solid transparent; min-width:6em; padding:.625em .75em; border-radius:3em; text-align:center; font-size:.875em; font-weight:500; } 
.tt_state.c1 { background:#999; color:#fff } 
.tt_state.c1.re { background:#fff; border-color:#ccc; color:#111; } 
.tt_state.c2 { background:#434853; color:#fff } 
.tt_state.c2.re { background:#fff; border-color:#434853; color:#111; } 
.tt_state.c3 { background:var(--color-point); color:var(--crWhite) } 
.tt_state.c3.re { background:var(--crWhite); border-color:var(--color-point); color:var(--color-point); } 
.tt_state.c4 { background:var(--color-point3); color:var(--crWhite) } 
.tt_state.c4.re { background:var(--crWhite); border-color:var(--color-point3); color:var(--color-point3); } 


/* board */
.board_st2{ border-top: 1px solid #ddd; font-size: .95em; letter-spacing: -0.03em;}
.board_st2 th,
.board_st2 td { height: 4em; text-align: center; padding: .35em .5em; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; background: #fff; } 
.board_st2 .tt.s1{ font-size: 1.05em; font-weight: 700;}
.board_st2 td:last-of-type,
.board_st2 th:last-of-type { border-right: none; } 
.board_st2 th { color: #111; background: #f9f9f9; font-weight: 600; font-size: 1.1em; height: 4em;} 
.board_st2 td { color: #333; font-weight: 500; padding: .35em 1.5em;} 
.board_st2 th.br,
.board_st2 td.br{ border-right: 1px solid #e5e5e5;}
.board_st2~div.no_con { border-top: none; } 
.board_st2 td.Bcp{ background: var(--color-point2); font-weight: 600; color: #fff;}

.no_con{ padding:5em 0 !important; color:#999 !important; border-bottom:1px solid #ddd; text-align:center}
.no_con:before{ content:"\e9d8"; font-family:xeicon!important; display:block; margin:0 auto .2em auto; font-size:5em; color:#ddd;}
td .no_con{ border-bottom:none}

.board_st { table-layout:fixed } 
.prod_view_con .board_st { font-size:.875em } 
.pop .board_st { border-top-width:1px } 
.board_st th,
.board_st td { padding:1em; border-bottom:1px solid #ddd } 
.board_st th { color:#111 } 
.board_st td { color:#777 } 
.board_st a { color:#111 } 

.board_st.list th { border-top:1px solid #111; font-weight:500 } 
.board_st.list td { text-align:center; padding:1em 1em } 
.board_st.list td.w_tit { text-align:left; } 
.board_st.list td.w_tit > a { display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden } 

.board_st.list.notice td { background: #f5f5f5; color:#111 } 
.board_st.list.reply td { background:#f9f9f9; } 

.board_st.write { border-top:1px solid #333 } 
.board_st.write th,
.board_st.write td { height:2.5em; padding:.75em 1.5em } 
.board_st.write th { text-align:left; font-weight:500 } 
.board_st.write.hAuto th,
.board_st.write.hAuto td { height:auto } 

.board_st .bg1 { background:#f5f5f5; border-right:1px solid #ddd } 

.board_icon.xi { } 
.board_icon.xi:before { } 
.board_icon.new .xi:before { content:"\e9a9"; color:#c82e27 } 
.board_icon.notice .xi:before { content:"\ea5b"; color:#111 } 
.board_icon.reply .xi:before { content:"\e981"; color:#aaa } 
.board_icon.file .xi:before { content:"\ea7f"; color:#999; font-size:.813em } 
.board_icon.sub .xi:before { content:"\e981"; color:#aaa } 
.board_icon.lock:before { content:"\e964"; color:#aaa; font-size:.938em; padding-left:.25em } 
.board_icon.review .xi:before { content:"\e9d7"; color:#003399 } 


/*BOARD*/
.aTit_wrap { display:flex; align-items:center } 
.aTit_wrap .aTit { flex:1 1 0%; min-width:0 } 
.board_aTit { text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:500; } 
.board_aTit:hover,
.board_aTit:focus { text-decoration:underline } 

.board_table { table-layout:fixed; border-collapse:collapse; border-spacing:0; width:100%; border-top:1px solid #111 } 
.board_table th,
.board_table td { height:3.375em; border-bottom:1px solid #ddd; padding:.5em .5em; text-align:center; font-size:1.063em; } 
.board_table th { font-weight:500 } 
.board_table tbody tr:hover { background:var(--crGray) } 
.board_table .rNotice,
.board_table .rNotice:hover { background:#f5f5f5 } 

.boardIco { font-family:xeicon; font-size:1.375em; width:1.5em; text-align:center; display:inline-block; } 
.boardIco.file { transform:rotate(45deg) } 
.boardIco.file:before { content:"\ea6a"; color:var(--color-point); } 
.boardIco.lock:before { content:"\e966"; color:#000; } 
.boardIco.notice:before { content:"\ea5b"; color:#000; } 
.boardIco.new:before { content:"\e9a8"; color:var(--crRed); font-size:1.063em; } 
.boardIco.reply:before { content:"\e981"; color:#777; } 
.boardIco.prev:before { content:"\e945"; } 
.boardIco.next:before { content:"\e942"; } 

.board_pg { display:flex; align-items:center; justify-content:center; margin-top:4em; padding:0 1px 1px 0 } 
.board_pg button { min-width:3em; height:3em; border: none; margin:0 -1px -1px 0; padding:0 .5em; background:#fff; color:#666; box-sizing:border-box; position:relative; } 
.board_pg button:hover,
.board_pg button:focus { z-index:1 } 
.board_pg button.on { background: var(--color-point); color:var(--crWhite); z-index:2; position:relative; border-radius: 50%; } 
.board_pg button:hover { color: var(--color-point); } 
.board_pg button.btn.first { border-radius:.5em 0 0 .5em } 
.board_pg button.btn.last { border-radius:0 .5em .5em 0 } 
.board_pg button.btn .ico { font-size:1.125em; color:#000; } 
.board_pg button.btn.first .ico:before { content:"\ea43" } 
.board_pg button.btn.prev .ico:before { content:"\e93c" } 
.board_pg button.btn.next .ico:before { content:"\e93f" } 
.board_pg button.btn.last .ico:before { content:"\ea44" } 

/**/
.board_search_wrap { font-size:.938em; margin:0 0 2em 0; display:flex; align-items:center; gap: 1em; } 
.board_search_wrap .left { } 
.board_search_wrap .right { margin-left:auto; display:flex } 
.board_search_wrap .search_inner { display: flex; align-items: center; max-width: 500px; height: 45px; margin: 0px auto; box-sizing: border-box; border: 1px solid #ddd; background-color: #fff; border-radius: 25px; transition: all 0.3s; } 
.board_search_wrap .search_inner .label_select { display: flex; align-items: center; text-indent: 1.2em; width: 100% !important; height: 100%; text-align: left; vertical-align: middle; border: 0; font-size: 14px; letter-spacing: -0.14px; font-weight: 500; color: #000; background-color: #fff; box-sizing: border-box; cursor: pointer; border-radius: 25px; } 
.board_search_wrap .search_inner .label_select .selectTit{ width: 7em; margin-left: 1.5em; border: none;}
.board_search_wrap .search_inner .input_search{ display: flex; align-items: center;}
.board_search_wrap .search_inner .input_search input,
.board_search_wrap .search_inner .input_search button{ border: none; background: none;}
.board_search_wrap .search_inner .input_search input{ height: 45px; font-weight: 500; padding: 0 1em; box-sizing: border-box;}
.board_search_wrap .search_inner .input_search .search{ position:relative; right: 5px; margin: 0; border: 0; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; color: #fff; background: var(--color-point); border-radius: 50%;}
.board_search_wrap .search_inner .input_search .search .xi{ font-size: 1.2em;}

.board_search_wrap .total .icon { width:2em; line-height:2em; height:2em; vertical-align:middle; text-align:center; border-radius:50%; box-shadow:0 0 3px 1px rgba(0,0,0,.2); margin-right:.75em; color:#333 } 
.board_search_wrap .total .icon:before { font-size:1.125em } 
.board_search_wrap .total .icon:not(.icoR):before { content:"\e9cf" } 
.board_search_wrap .total .icon ~ i { transform:translateY(.125em) } 
.board_search_wrap .total .t1 { color:#666; font-size:.875em } 
.board_search_wrap .total .t2 { color:#333; font-weight:700; font-size:1.25em; margin-left:.5em } 
.board_search_wrap .total .t3 { font-weight:700; font-size:1.25em; margin-right:.5em } 

/**/
.board_paging { text-align:center; margin-top:6em; font-size:.813em } 
.board_paging button { vertical-align:top; width:3em; height:3em; line-height:3em; border:1px solid #ddd; background:#fff; border-radius:.5em } 
.board_paging button.on { background:#444; color:#fff; border-color:transparent } 
.board_paging button.icon { background:#f1f1f1; color:#666 } 
.board_paging .xi { font-size:1em } 
.board_paging .xi.first:before { content:"\ea47" } 
.board_paging .xi.last:before { content:"\ea48" } 
.board_paging .xi.prev:before { content:"\e93c" } 
.board_paging .xi.next:before { content:"\e93f" } 

.board_search { display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:1.5em } 
.board_search .total { display:flex; align-items:center; justify-content:space-between } 
.board_search .total .t1 { font-size:.875em; letter-spacing:.063em; text-transform:uppercase; } 
.board_search .total .t2 { font-size:1.250em; font-weight:700; color:var(--crBlack); margin-left:.25em } 
.board_search .search { display:flex; align-items:center; gap:0 .375em } 
.board_search .search .select { min-width:7em; } 
.board_search .search .inp { width:18em; } 
.board_search .search .btn .ico { font-size:1em } 
.board_search .search .btn .ico:before { content:"\e97a" } 
.board_search .search .input_st { height:3.375em; } 
.board_search .search .input_st:not(.btn) { width:100% } 
.board_search .board_cate { margin-bottom:0; } 

.board_cate { display:flex; align-items:center; justify-content:space-between; margin-bottom:1.5em } 
.board_cate * { box-sizing:border-box; } 
.board_cate > * { min-width:0; } 
.board_cate .cate { display:flex; align-items:center; gap:.5em; } 
.board_cate .cate > li { min-width:0; } 
.board_cate .cate > li > a { position:relative; display:flex; align-items:center; justify-content:center; text-align:center; height:2.625em; padding:0 1.5em; background:#fff; border:1px solid #ddd; border-radius:.5em; color:#666; transition:.2s; } 
.board_cate .cate > li > a .tt { font-size:1.063em; font-weight:500; } 
.board_cate .cate > li > a:hover,
.board_cate .cate > li > a.on { background:var(--crBlack); border-color:var(--crBlack); color:#fff; } 

.board_info { display:flex; flex-wrap:wrap; align-content:center; align-items:center; min-width:0; color:#777; } 
.board_info > li { display:flex; align-content:center; align-items:center; min-width:0; box-sizing:border-box; } 
.board_info > li + li:before { content:""; display:inline-block; margin:0 1.125em; width:1px; height:1em; background:#ddd; } 
.board_info > li .tt { } 
.board_info > li .ico { margin-right:.313em; font-size:1.250em; } 
.board_info > li.name .ico:before { content:"\e9f2" } 
.board_info > li.date .ico:before { content:"\e9a0" } 
.board_info > li.hit .ico:before { content:"\e950" } 
.board_info > li.mail .ico:before { content:"\ea07" } 
.board_info > li.tel .ico:before { content:"\eaed" } 
.board_info > li.mgL { margin-left:auto } 
.board_info > li.mgL:before { display:none; } 

.board_file > li:not(:first-child) { margin-top:.5em } 
.board_file > li > a { display:inline-block; padding-left:1.25em; position:relative; color:#333; } 
.board_file > li > a[href]:hover .tt,
.board_file > li > a[href]:focus .tt { text-decoration:underline } 
.board_file > li > a .tt { margin-right:.5em; vertical-align:middle; } 
.board_file > li > a .xi { font-size:1.125em; vertical-align:middle; } 
.board_file > li > a .down { display:inline; color:var(--color-point); } 
.board_file > li > a .ico { position:absolute; left:0; top:.063em; } 
.board_file > li > a .ico:before { content:"\e998" } 
.board_file > li > a .down:before { content:"\eb7c" } 
.board_file > li.flex { gap:1em; } 
.board_file > li.flex > a { flex:1; } 

.board_viewT { padding:2em .5em; border-top:1px solid #111; border-bottom:1px solid #ddd; } 
.board_viewT .vTit { display:flex; align-items:center } 
.board_viewT .vTit .tit { flex:1 1 0%; min-width:0 } 
.board_viewT .vTit .tit .t1 { font-size:1.375em; font-weight:500; } 
.board_viewT .vTit .tit .t2 { font-size:1.063em; } 
.board_viewT .vTit + .board_info { margin-top:1.5em; } 
.board_viewT .state { font-size:1.063em; } 
.board_viewT ~ .board_viewT { margin-top:3em; border-top-style:dashed; } 

.board_viewM { padding:2.5em 2em; border-bottom:1px solid #ddd } 
.board_viewM .ytFrame { width:100%; margin:0 auto } 
.board_viewM .ytFrame iframe { position:absolute; left:0; top:0; width:100%; height:100% } 
.board_viewM * { box-sizing:border-box; max-width:100% !important; } 
.board_viewM img { height:auto !important; } 

.board_viewF { display:flex; border-bottom:1px solid #ddd; background:#f5f5f5; padding:1.5em 2.5em } 
.board_viewF .wrap_tit { width:6em; padding:.125em 0; margin-right:2.5em; box-sizing:border-box; border-right:1px solid #ddd } 
.board_viewF .wrap_tit .t1 { font-size:1.125em; font-weight:500; } 
.board_viewF .wrap_con { flex:1 1 0%; min-width:0 } 
.board_viewF .wrap_con .board_file > li > a .tt { font-size:.938em; } 

.board_viewB { } 

.board_cate { display:flex; align-items:center; justify-content:space-between; margin-bottom:1.5em } 
.board_cate * { box-sizing:border-box; } 
.board_cate > * { min-width:0; } 
.board_cate .cate { display:flex; align-items:center; gap:.5em; } 
.board_cate .cate > li { min-width:0; } 
.board_cate .cate > li > a { position:relative; display:flex; align-items:center; justify-content:center; text-align:center; height:2.625em; padding:0 1.5em; background:#fff; border:1px solid #ddd; border-radius:.5em; color:#666; transition:.2s; } 
.board_cate .cate > li > a .tt { font-size:1.063em; font-weight:500; } 
.board_cate .cate > li > a:hover,
.board_cate .cate > li > a.on { background:var(--crBlack); border-color:var(--crBlack); color:#fff; } 

.board_info { display:flex; flex-wrap:wrap; align-content:center; align-items:center; min-width:0; color:#777; } 
.board_info > li { display:flex; align-content:center; align-items:center; min-width:0; box-sizing:border-box; } 
.board_info > li + li:before { content:""; display:inline-block; margin:0 1.125em; width:1px; height:1em; background:#ddd; } 
.board_info > li .tt { } 
.board_info > li .ico { margin-right:.313em; font-size:1.250em; } 
.board_info > li.name .ico:before { content:"\e9f2" } 
.board_info > li.date .ico:before { content:"\e9a0" } 
.board_info > li.hit .ico:before { content:"\e950" } 
.board_info > li.mail .ico:before { content:"\ea07" } 
.board_info > li.tel .ico:before { content:"\eaed" } 
.board_info > li.mgL { margin-left:auto } 
.board_info > li.mgL:before { display:none; } 

.board_file > li:not(:first-child) { margin-top:.5em } 
.board_file > li > a { display:inline-block; padding-left:1.25em; position:relative; color:#333; } 
.board_file > li > a[href]:hover .tt,
.board_file > li > a[href]:focus .tt { text-decoration:underline } 
.board_file > li > a .tt { margin-right:.5em; vertical-align:middle; } 
.board_file > li > a .xi { font-size:1.125em; vertical-align:middle; } 
.board_file > li > a .down { display:inline; color:var(--siteC); } 
.board_file > li > a .ico { position:absolute; left:0; top:.063em; } 
.board_file > li > a .ico:before { content:"\e998" } 
.board_file > li > a .down:before { content:"\eb7c" } 
.board_file > li.flex { gap:1em; } 
.board_file > li.flex > a { flex:1; } 


.board_viewT { border-top:1px solid #111 } 
.board_viewT .vTit { padding:1em 0; font-weight:700; font-size:1.5em; border-bottom:1px solid #ddd; text-align:center } 
.board_viewT .info { display:flex; align-items:center; gap:0 3em; padding:1em 0; border-bottom:1px solid #ddd } 
.board_viewT .info > li { position:relative; color:#666 } 
.board_viewT .info > li:not(:last-child):before { content:""; position:absolute; right:-1.5em; top:50%; width:1px; height:60%; transform:translateY(-50%); background:#ccc } 
.board_viewT .info > li .ico { font-size:1em; margin-right:.25em } 
.board_viewT .info > li.name .ico:before { content:"\e9f2" } 
.board_viewT .info > li.date .ico:before { content:"\e9a0" } 
.board_viewT .info > li.hit .ico:before { content:"\e950" } 
.board_viewM { padding:5em 2em; border-bottom:1px solid #ddd } 
.board_viewM .ytFrame { width:100%; margin:0 auto } 
.board_viewM .ytFrame iframe { position:absolute; left:0; top:0; width:100%; height:100% } 
.board_viewF { display:flex; border-bottom:1px solid #ddd; background:#f5f5f5; padding:1.5em 2.5em } 
.board_viewF .wrap_tit { width:6em; margin-right:2.5em; box-sizing:border-box; border-right:1px solid #ddd } 
.board_viewF .wrap_tit .t1 { font-weight:500; font-size:1.063em } 
.board_viewF .wrap_con { flex:1 1 0%; min-width:0 } 
.board_viewF .wrap_con .list > li:not(:first-child) { margin-top:.5em } 
.board_viewF .wrap_con .list > li > a { padding-left:1.25em; position:relative } 
.board_viewF .wrap_con .list > li > a:hover .tt,
.board_viewF .wrap_con .list > li > a:focus .tt { text-decoration:underline } 
.board_viewF .wrap_con .list > li > a .xi { font-size:1.125em } 
.board_viewF .wrap_con .list > li > a .down { margin-left:.5em; color:var(--siteC) } 
.board_viewF .wrap_con .list > li > a .ico { position:absolute; left:0; top:0 } 
.board_viewF .wrap_con .list > li > a .ico:before { content:"\e998" } 
.board_viewF .wrap_con .list > li > a .down:before { content:"\eb7c" } 

.board_view_top .tit{ padding:1.5em 1em; border-top:2px solid #333; font-size:1.375em; font-weight:500; text-align: center;}
.board_view_top .board_info{ padding:0 1em 1.5em 1em; gap: 1em 0; border-bottom: 1px dashed #ddd;}
.board_view_top .board_file{ font-size:.938em; padding:.75em 1.25em; background:var(--color-bg-3); border-bottom:dashed #ddd; border-width:1px 0;}
.board_view_middle{ padding:3em 1em; font-size:1em;}
.board_view_middle *{ box-sizing:border-box; max-width:100% !important;}
/* .board_view_middle img{ width:auto !important; height:auto !important;} */
.board_view_middle .videoCon{ margin-bottom:2em;}
.board_view_middle #viewIframe{ width:100%; height:100%;}
.board_view_bottom{ border-top:1px solid #666;}
.board_view_bottom .board_st a{ display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.board_file > li:not(:first-child) { margin-top:.5em } 
.board_file > li > a { display:inline-block; padding-left:1.25em; position:relative; color:#333; } 
.board_file > li > a[href]:hover .tt,
.board_file > li > a[href]:focus .tt { text-decoration:underline } 
.board_file > li > a .tt { margin-right:.5em; vertical-align:middle; } 
.board_file > li > a .xi { font-size:1.125em; vertical-align:middle; } 
.board_file > li > a .down { display:inline; color:var(--siteC); } 
.board_file > li > a .ico { position:absolute; left:0; top:.063em; } 
.board_file > li > a .ico:before { content:"\e998" } 
.board_file > li > a .down:before { content:"\eb7c" } 
.board_file > li.flex { gap:1em; } 
.board_file > li.flex > a { flex:1; } 

.board_st.list a:hover,
.board_st.view a:hover{ text-decoration:underline;}
.board_st.view tr .arrowUp,
.board_st.view tr .arrowDown{ position: relative; top: 3px;}

.board_view_comment { background:#fff; border-radius:.5em; margin:2em 0 } 
.board_view_comment .wrap_tit { font-size:1.125em } 
.board_view_comment .wrap_inp { margin:1em 0 2em 0 } 
.board_view_comment .wrap_inp .btn { margin-left:1em; height:auto !important; width:5em } 
.board_view_comment .wrap_list > li { margin-bottom:1em; padding-bottom:1em; border-bottom:1px solid #eee } 
.board_view_comment .wrap_list .info { display:flex; align-items:flex-start; gap:0 1em; justify-content:space-between } 
.board_view_comment .wrap_list .con { font-size:.938em; font-weight:500; margin:1em 0 .5em 0 } 
.board_view_comment .wrap_list .date { font-size:.875em; color:#888 } 
.board_view_comment .board_pg { margin-top:2em } 

/**/
.board_btn_wrap { margin-top:4em; text-align:center } 
.board_btn_wrap .list { margin:-1em 0 0 -1em } 
.board_btn_wrap .list > li button { margin:1em 0 0 1em } 
.pop .board_btn_wrap { margin-top:2em; font-size:.938em } 


.table_form_wrap { } 
.table_form_wrap .form_tit { padding:1em 0 } 
.table_form_wrap .form_tit .t1 { font-weight:700; font-size:1.375em } 
.table_form_wrap .form_tit .t2 { font-weight:700; font-size:1.625em } 
.table_form_wrap .form_tit .t3 { font-weight:500; font-size:1.125em } 
.table_form > li { border-bottom:1px solid #ddd; padding:.75em 0 } 
.table_form > li:first-child { border-top:1px solid #111 } 
.table_form > li.bd0 { border-bottom:none } 
.table_form > li.bd1 { border-top:none } 
.table_form > li.p1 { padding:1.5em 0; } 
.table_form .wrap_in { display:flex; align-items:center } 
.table_form .wrap_in .tit_wrap,
.table_form .wrap_in .con_wrap { min-height:3em; box-sizing:border-box; display:flex; flex-wrap:wrap; align-items:center; } 
.table_form .wrap_in .tit_wrap { width:12em; gap:.5em 0; padding:0 1.25em; } 
.table_form .wrap_in .tit1 { font-size:1.125em; font-weight:600; } 
.table_form .wrap_in .tit2 { font-size:1.063em; font-weight:600; } 
.table_form .wrap_in .tit3 { font-size:1.000em; font-weight:500; line-height:1.2; } 
.table_form .wrap_in .con_wrap { flex:1 1 0%; min-width:0; gap:.25em; font-size:1.063em; } 
.table_form .wrap_in .con_wrap > * { flex:1 1 0%; min-width:0 } 
.table_form .wrap_in .con_wrap .inp_tt { flex:0 0 auto; font-size:.938em; color:#666; } 
.table_form .wrap_in .con_wrap .input_st { width:100% } 
.table_form .wrap_in .con_wrap .line { padding-top:.75em; margin-top:.75em; border-top:1px solid #ddd } 
.table_form .wrap_in .con_wrap .h1 { height: 300px; } 
.table_form .wrap_in .con_wrap .w1 { flex:0 0 auto; width:3em } 
.table_form .wrap_in .con_wrap .w2 { flex:0 0 auto; width:9em } 
.table_form .wrap_in .con_wrap .w3 { flex:0 0 auto; width:13em } 
.table_form .wrap_in .con_wrap .w4 { flex:0 0 auto; width:16em } 
.table_form .wrap_in .con_wrap .w5 { flex:0 0 auto; width:20em } 
.table_form .wrap_in .con_wrap .w6 { flex:0 0 auto; width:26em } 
.table_form .wrap_in .con_wrap .w50 { flex:0 0 auto; width:50% } 
.table_form .wrap_in .con_wrap .w100 { flex:0 0 auto; width:100% } 
.table_form .wrap_in .con_wrap .w_auto { flex:0 0 auto } 
.table_form .wrap_in .con_wrap .max1 { max-width:27em } 
.table_form .wrap_in .con_wrap .max2 { max-width:8.375em } 
.table_form .wrap_in .con_wrap .max3 { max-width:23.5em } 
.table_form .wrap_in .con_wrap .min1 { min-width:23.5em } 

.table_form .wrap_in.col { flex-direction:column } 
.table_form .wrap_in.col > * { flex:0 0 auto; width:100% } 
.table_form .wrap_in.col .tit_wrap { padding:0 0; } 

.board_faq { border-top:1px solid #111; } 
.board_faq > li { } 
.board_faq > li .wrap_in { position:relative; display:flex; align-items:center; gap:0 2em; border-bottom:1px solid #ddd; line-height:1.8; } 
.board_faq > li .wrap_in > * { min-width:0; } 
.board_faq > li .wrap_in .tit { width:5em; text-align:center; } 
.board_faq > li .wrap_in .tit .tt { font-size:1.750em; font-weight:600; } 
.board_faq > li .wrap_in .tit .tt.c1 { } 
.board_faq > li .wrap_in .tit .tt.c2 { color:var(--color-point); } 
.board_faq > li .wrap_in .sbj { flex:1; } 
.board_faq > li .wrap_in .sbj .tt { display:block; padding:1em 0; font-size:1.188em; font-weight:600; line-height:1.5; } 
.board_faq > li .wrap_in .con { flex:1; padding:.75em 1em .75em 0; } 
.board_faq > li .wrap_in .con .tt { font-size:1.125em; font-weight:500; color:#333; } 
.board_faq > li .wrap_in .ico { position:absolute; right:0; top:50%; width:5em; text-align:center; transform:translateY(-50%); opacity:.4; } 
.board_faq > li .wrap_in .ico .arrow { font-size:2.000em; transition:.3s; } 
.board_faq > li .wrap_in .ico .arrow:before { content:"\e943"; } 
.board_faq > li .faqTit .wrap_in { padding:1em 5em 1em 0; } 
.board_faq > li .faqCon { height:0; overflow:hidden; opacity:0; visibility:hidden; transition:.3s; } 
.board_faq > li .faqCon .wrap_in { align-items:flex-start; } 
.board_faq > li.on .faqTit .wrap_in { background:var(--crGray); } 
.board_faq > li.on .faqTit .wrap_in .ico .arrow { transform:rotate(-180deg); } 
.board_faq > li.on .faqCon { height:auto; overflow:visible; opacity:1; visibility:visible; } 
.board_faq > li.on .faqCon .wrap_in { padding-top:3em; padding-bottom:3em; transition:.3s; } 

.board_gallery{ display:flex; flex-wrap:wrap; gap:2em}
.board_gallery > li{ width:calc(33.3333% - 1.3333em)}
.board_gallery > li .wrap_in{ display:block; overflow:hidden; cursor: pointer;}
.board_gallery > li .wrap_in .img_wrap{ position:relative; display:block; overflow:hidden; border-radius: .5em; border: 1px solid #ddd; transition: .3s;}
.board_gallery > li .wrap_in .img_wrap .ab{ position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box}
.board_gallery > li .wrap_in .img_wrap > .photo{ transition: linear .3s;}
.board_gallery > li .wrap_in:hover .img_wrap{ border: 1px solid  var(--color-point);}
.board_gallery > li .wrap_in:hover .img_wrap > .photo{ transform: scale(1.05);}
.board_gallery > li .wrap_in .con_wrap{ display:block; padding:1em 0; display:flex; flex-direction:column; gap:.5em}
.board_gallery > li .wrap_in .con_wrap .t1{ font-size:1.05em; font-weight:600}
.board_gallery > li .wrap_in .con_wrap .t2{ font-weight:500}
.board_gallery > li .wrap_in .con_wrap .board_info{ font-size: .9em;}
.board_gallery > li .wrap_in:focus .con_wrap,
.board_gallery > li .wrap_in:hover .con_wrap{ }
.board_gallery.s1{ gap:2em}
.board_gallery.s1 > li{ width:calc(20% - 1.6em)}
.board_gallery.d1 > li{ width:calc(25% - 1.5em)}

.pgLine{ height:.5em; margin:2em 0; background: linear-gradient(135deg, #eee 25%, transparent 25%, transparent 50%, #eee 50%, #eee 75%, transparent 75%, transparent); background-size: .5em .5em;}

.board_gallery.youtube > li .wrap_in > .img_wrap:after{ content: "\ea40";font-family: xeicon;font-size: 3rem;color: #fff;display: flex;align-items: center;justify-content: center;text-align: center;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .1);transition: .3s; }

.board_wrap { } 

.hover_st.zoom .img_wrap { overflow:hidden; } 
.hover_st.zoom .img_wrap .resize { transition:.3s; } 
.hover_st.zoom:focus .img_wrap .resize,
.hover_st.zoom:hover .img_wrap .resize { transform:scale(1.1); } 

.hover_st.vod .img_wrap { overflow:hidden; } 
.hover_st.vod .img_wrap:after { content:"\ea40"; font-family:xeicon; font-size:2.500em; color:#fff; display:flex; align-items:center; justify-content:center; text-align:center; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.4); opacity:0; transition:.3s; } 
.hover_st.vod:hover .img_wrap:after { opacity:1; } 

.board_st.faq { border-top:2px solid var(--color-point); } 
.board_st.faq .faq_tit { font-family: Arial, Helvetica, sans-serif; font-weight: lighter; font-size:2em; color:#ccc } 
.board_st.faq .faq_tit:after { content:"." } 
.board_st.faq .BStit { cursor:pointer } 
.board_st.faq .BStit .w_tit { white-space: normal; overflow: visible; color:#333; font-weight:500; font-size:1em } 
.board_st.faq .BScon { display:none } 
.board_st.faq .BScon .w_faq { vertical-align:top;} 
.board_st.faq .BStit.on td { border-bottom-color:transparent } 
.board_st.faq .BStit.on .faq_tit,
.board_st.faq .BStit.on .w_tit { color:var(--color-point2); } 
.board_st.faq .BScon td { padding-top:2em; padding-bottom:2em } 
.board_st.faq .board_more { display:inline-block; color:#111; height: 2.25em; width:2.25em; line-height:2.25em !important; border:1px solid #ddd; border-radius:100%; text-align:center } 
.board_st.faq .board_more .xi { transition:.2s } 
.board_st.faq .board_more .xi:before { content:"\e943" } 
.board_st.faq .on .board_more { background:var(--color-point2); color:#fff; border-color:transparent; color:#fff } 
.board_st.faq .on .board_more .xi { transform:rotate(180deg); } 



/**/
.ess { color:var(--color-point); font-weight:700; margin:0 .25em } 
.ess_tt { font-size:.938em; color:#666 } 

.label_st input[type=checkbox],
.label_st input[type=radio] { width:0; height:0; overflow:hidden; position:absolute; z-index:-1 }