@charset "utf-8";
/* CSS Document */
:root{
--siteC: #24499b;
--siteC2: #126d77;
--siteBG1: #d3f9eb;
--siteBG2: #d8f0ff;
--gradC1: #3460c1;
--gradC2: #6088dd;
--gradC3: #009d9b;

--crWhitefil: brightness(0) invert(1);
--crBlackfil: brightness(0) invert(0);
--crfilRE: invert(1);

--crWhite: #fff;
--crBlack: #000;
--crGray: #f2f7fd;
--crGray2: #e6ebf1;
--crRed: #e40f18;
--crWhitefil: brightness(0) invert(1);
--crBlackfil: brightness(0) invert(0);
--crfilRE: invert(1);
--crGrad1: linear-gradient(to right,var(--gradC1),var(--gradC2));
--crGrad2: linear-gradient(to bottom,var(--gradC1),var(--gradC2));
--crGrad3: linear-gradient(to right,var(--gradC2),var(--gradC3));
}

.xi-lock{color:#999; margin-left:9px; font-size:1.15em !important;}

.di_wrap{font-size:0}
.di_wrap > li{display:inline-block; *display:inline; zoom:1; vertical-align:top; font-size:16px; font-size:1rem;}
.di_wrap > li > a,
.di_wrap > li > .in{ display:block}

.fl_wrap > li{ float:left}
.fl_wrap > li > a,
.fl_wrap > li > .in{ display:block}
.fl_wrap:after{ content:""; display:block; clear:both}

.va_wrap{ display:block; text-align:center; white-space: nowrap}
.va_wrap:before{ content:""; display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:0; height:100%}
.va{display:inline-block; *display:inline; zoom:1; vertical-align:middle; max-width:100%; height:auto; white-space:normal}
.va_wrap img{vertical-align:middle; display:inline-block; *display:inline; zoom:1; max-width:95%; max-height:100%}

.resize{ display:block; height:0; padding-bottom:56.25%; position:relative}
.resize .re{ position:absolute; left:0; top:0; width:100%; height:100%}
.resize.s1{ padding-bottom:133.33%}
.resize.s2{ padding-bottom: 75%;}
.resize.s3{ padding-bottom: 30%;}
.resize.s4{ padding-bottom: 100%;}
.resize.s5{ padding-bottom: 64%;}

/*BOARD*/
.board-con {padding: 3em 0 0 0;}

.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.125em;}
.board_table th{ font-weight:500}
.board_table td:not(.w_tit){ font-size:1.063em;}
.board_table tbody tr:hover{ background:#fafcff}
.board_table .rNotice,
.board_table .rNotice:hover{ background:#f5f5f5}
.board_st{ font-size:1em;}

.board_st th,
.board_st td{ height:2.25em; padding:.75em 1em; font-size: 1.15em; font-weight: 600; border-bottom:1px solid #e5e5e5;}
.board_st th{ color:#111;}
.board_st td{ color:#555;}

.w_form_tit{ width:14em;}
.w_auto    { width:auto;}

.cal_view_top .tt{ margin-bottom: 1em;}
.table_wrap{ box-shadow: 2px 0 6px rgba(0,0,0,.15);}
/* .table_st{ font-size:1em; }
.table_st th,
.table_st td{ height:2.25em; padding: .8em 1em; border: 1px solid #e5e5e5; }
.table_st th{ font-size: 1.1em;}
.table_st td{ font-size: 1.1em; font-weight: 600;} */

.table_st{ border-top:2px solid var(--siteC); width:100%; border-collapse:collapse}
.table_st th,
.table_st td{ border:1px solid #ddd; padding:.5em .8em; height:2.5em}
.table_st th{ background:#f5f5f5; font-weight:700}

.table_st .f_d{ font-weight: 600; color: #111; background: #f9f9f9;}
.table_st th{ color:#333; background: #f4f4f4;}
.table_st td{ color:#555; }
.table_st ~ div.no_con{ border-top:none;}
.table_st.p_none th,
.table_st.p_none td{ padding: 0em;}
.inp_w10{ width: 10em;}

.board_st.write{ border-top:1px solid #333;}
.board_st.write.border_tn{ border-top: none;}
.board_st.write th{ padding-left:1.5em; text-align:left; background: #f9f9f9; font-weight: 600;}
.board_st.write .bg_foint{ background: #2a6bb6; color: #fff;}
.board_st.write th > .star{ position:relative; top: -8px; margin-left: .2em; color: #e13939;}
.board_st.write td .round{ display: inline-block; padding: .5em 1.5em; min-width: 3em; text-align:center; border: 1px solid #2a6bb6; color: #2a6bb6; border-radius: 2em;}

.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:#2a6bb6}
.boardIco.lock:before  { content:"\e966"; color:#333}
.boardIco.notice:before{ content:"\ea5a";}
.boardIco.new:before   { content:"\e9a8"; color:#2a6bb6}
.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:2.5em; height:2.5em; border: none; margin:0 -1px -1px 0; font-weight: 600; padding:0 .5em; background:#fff; color:#666; box-sizing:border-box; position:relative; border-radius: 50%; font-size: 1.125em; transition: .35s;}
.board_pg button:hover,
.board_pg button:focus{ z-index:1}
.board_pg button:hover {color: #042d5c; font-weight: 500;}
.board_pg button.on{ background:#2a6bb6; color:#fff; border-color:transparent; z-index:2; position:relative}
.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.25em}
.board_pg button.btn.first .ico:before{ content:"\ea47"}
.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:"\ea48"}

.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:#042d5c; margin-left:.25em}
.board_search .search{ display:flex; align-items:center; gap:0 .25em}
.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_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{ font-size:.938em; 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:#00a096}
.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_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 ~ .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:#f9f9f9; 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}
.board_viewF .wrap_con{ flex:1 1 0%; min-width:0}

.board_viewB{}


.table_form_wrap{}
.table_form_wrap .form_tit{ padding:1em 0}
.table_form_wrap .form_tit.bd0{ border-bottom:none}
.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 .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:9em; margin-right:2em; gap:.5em 0; padding-left:.25em}
.table_form .wrap_in .tit1{ font-size:1.125em; font-weight:500;}
.table_form .wrap_in .tit2{ font-size:1.000em; line-height:1.2;}
.table_form .wrap_in .con_wrap{ flex:1 1 0%; min-width:0; gap:.25em; font-size:1.125em;}
.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 .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 .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}

.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:2.000em;}
.board_faq > li .wrap_in .tit .tt.c1{}
.board_faq > li .wrap_in .tit .tt.c2{ color:#042d5c;}
.board_faq > li .wrap_in .sbj{ flex:1;}
.board_faq > li .wrap_in .sbj .tt{ display:block; padding:1em 0; font-size:1.063em; line-height:1.5;}
.board_faq > li .wrap_in .con{ flex:1; padding:.75em 1em .75em 0;}
.board_faq > li .wrap_in .con .tt{ 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:#f5f5f5;}
.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_wrap{ border-top:1px solid #111; padding-top:3em;}
.board_gallery{ display:flex; flex-wrap:wrap; margin:0 0 -2.5em -3em;}
.board_gallery > li{ width:33.33%; min-width:0;}
.board_gallery > li .wrap_in{ display:block; margin:0 0 2.5em 3em;}
.board_gallery > li .wrap_in .img_wrap{ position:relative; overflow:hidden; box-shadow:0 .5em 1.5em rgba(0,0,0,.1);}
.board_gallery > li .wrap_in .con_wrap{ display:flex; flex-direction:column; gap:.875em 0; padding:2em .5em;}
.board_gallery > li .wrap_in .con_wrap > *{ width:100%;}
.board_gallery > li .wrap_in .con_wrap > *:not(.board_info){ line-height:1.5;}
.board_gallery > li .wrap_in .con_wrap .t1{ font-size:1.250em; font-weight:500; transition:.2s;}
.board_gallery > li .wrap_in .con_wrap .t2{ font-size:1em; color:#666;}
.board_gallery > li .wrap_in .board_info{ font-size:.938em;}
.board_gallery > li .wrap_in:hover .con_wrap .t1{ color:#c1101c;}

.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_photo{ display:flex; flex-wrap:wrap; margin:0 0 0 -3em}
.board_photo > li{ width:50%}
.board_photo > li .wrap_in{ margin:3em 0 0 3em; border-radius:.5em}
.board_photo.only{ display:block}
.board_photo.only > li{ width:100%}
.board_photo.d1{ margin:-1.5em 0 0 -1.5em}
.board_photo.d1 > li{ width:33.33%}
.board_photo.d1 > li .wrap_in{ margin:1.5em 0 0 1.5em}
.board_photo.d2{ margin:-1em 0 0 -1em}
.board_photo.d2 > li{ width:20%}
.board_photo.d2 > li .wrap_in{ margin:1em 0 0 1em}
.board_photo.d3{ margin:-1.5em 0 0 -1.5em}
.board_photo.d3 > li{ width:25%}
.board_photo.d3 > li .wrap_in{ margin:1.5em 0 0 1.5em}
.board_photo > li .wrap_in .vod_wrap{ border:1px solid #ddd}
.board_photo > li .wrap_in .vod_wrap .control{ display:flex; justify-content:center; align-items:center}
.board_photo > li .wrap_in .vod_wrap .control:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.7); opacity:0; transition:.3s}
.board_photo > li .wrap_in .vod_wrap .control .btn{ position:relative; width:5em; line-height:3em; text-align:center; background:#e44938; border-radius:1em; color:#fff; opacity:0}
.board_photo > li .wrap_in .vod_wrap .control .btn .xi{ font-size:2em}
.board_photo > li .wrap_in:hover .vod_wrap .control:before,
.board_photo > li .wrap_in.vodOn .vod_wrap .control:before,
.board_photo > li .wrap_in:hover .vod_wrap .control .btn,
.board_photo > li .wrap_in.vodOn .vod_wrap .control .btn{ opacity:1}
.board_photo > li .wrap_in .vod_wrap iframe{ position:absolute; left:0; top:0; width:100% !important; height:100% !important}
.board_photo > li .wrap_in .img_wrap{ border-radius:.5em .5em 0 0; border:1px solid #ddd; overflow:hidden; position:relative}
.board_photo > li .wrap_in .img_wrap .icon{ position:absolute; z-index:1; left:0; bottom:0; display:inline-block; padding:.5em; color:#fff; line-height:1; white-space:nowrap}
.board_photo > li .wrap_in .img_wrap .icon .xi{ padding:0 .25em}
.board_photo > li .wrap_in .img_wrap .icon .tt{ vertical-align:middle; display:inline-block; font-size:.813em; font-weight:500; width:0; overflow:hidden}
.board_photo > li .wrap_in:hover .img_wrap .icon .tt{ width:100%; transition:.5s}
.board_photo > li .wrap_in .img_wrap .icon.vod{ background:#00CCCC}
.board_photo > li .wrap_in .img_wrap .icon.photo{ background: #6699FF}
.board_photo > li .wrap_in .img_wrap .icon.etc{ background: #669933}
.board_photo > li .wrap_in .img_wrap .icon.vod .xi:before{content:"\eb1a"}
.board_photo > li .wrap_in .img_wrap .icon.photo .xi:before{content:"\ea50"}
.board_photo > li .wrap_in .img_wrap .icon.etc .xi:before{content:"\ea83"}
.board_photo > li .wrap_in .img_wrap .img{ min-height:5em; display:flex; align-items:center}
.board_photo > li .wrap_in .img_wrap .img img{ width:100%}
.board_photo > li .wrap_in .con_wrap{ border:1px solid #ddd; border-top:none; padding:1.5em; border-radius:0 0 .5em .5em}

.speaker_wrap_in .board_photo > li .wrap_in .con_wrap{padding:.75em;}

.board_photo > li .wrap_in .con_wrap:first-child{ border-top:1px solid #ddd; border-radius:.5em}
.board_photo > li .wrap_in .con_wrap .t1{ font-size:1em; line-height:1.2; letter-spacing:-1px;}
.board_photo > li .wrap_in .con_wrap .t2{ font-weight:500; font-size:1.25em; padding-top:.875em; position:relative; line-height:1.2}
.board_photo > li .wrap_in .con_wrap .t2:before{ content:""; position:absolute; left:0; top:0; width:1.25em; height:3px; background:#4578c8}
.board_photo > li .wrap_in .con_wrap .t3{ color:#666}
.board_photo > li .wrap_in .con_wrap .t4{ font-size:1.125em; font-weight:500; color:#555}
.board_photo > li .wrap_in .con_wrap .date{ font-size:.875em; color:#999}
.board_photo > li .wrap_in:hover{ box-shadow:0 0 1em rgba(0,0,0,.2)}
.board_photo.st1 > li .wrap_in{ box-shadow:0 0 1em rgba(0,0,0,.2)}
.board_photo.st1 > li .wrap_in .con_wrap{ border:none}
.board_photo.st2{ margin:0}
.board_photo.st2 > li{ width:25%}
.board_photo.st2 > li .wrap_in{ border:1px solid #ddd; margin:0; border:none}
.board_photo.st2 > li .wrap_in .img_wrap{ border-radius:.5em}
.board_photo.st2 > li .wrap_in:hover .img_wrap{ background:#000}
.board_photo.st2 > li .wrap_in:hover .img_wrap img{ opacity:.5}



/**/
.board_photo_wrap{ margin:0 0 -40px -20px; overflow:hidden; font-size:0}
.board_photo_wrap > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top; width:25%}
.board_photo_wrap.photo2 > li{ width:25%}
.board_photo_wrap.photo3 > li{ width:20%}
.board_photo_wrap .list{ margin:0 0 40px 20px; cursor:pointer}
.board_photo_wrap .list *{ transition:0.3s}
.board_photo_wrap .list .img{border:1px solid #ddd}
.board_photo_wrap .list .tit{ text-align:center; padding:10px 0; border-bottom:1px dashed #ccc; color:#666; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:14px; font-size:.813rem; font-family:Arial, Helvetica, ng, sans-serif; letter-spacing:0}
.board_photo_wrap .list:hover .img{ border-color:#666}
.board_photo_wrap .list:hover .tit{ border-bottom-color:#666; color:#000; transition:0.3s}

/**/
.nocon{ display:flex; justify-content:center; align-items:center; flex-direction:column; border:1px solid #ddd; height:24em; color:#666; margin-top:-1px}
.nocon .xi{ font-size:3em; color:#ddd; margin-bottom:.25em}
.nocon .xi:not([class*=xi-]):before{ content:"\ea15"}
.nocon.st1{ border:none; height:10em}

/**/
.board_btn_wrap {margin-top:3em;}
.board_btn_wrap .tt {font-size:.875em; padding-left:3px;}

.hover_btn_st{ position:relative; transition:.3s}
.hover_btn_st:after{content:"\e93f"; font-family:xeicon!important; position:absolute; right:-20px; top:50%; margin-top:-5px; transition:.3s; font-size:20px}
.hover_btn_st:hover{ padding-right:5px;}
.hover_btn_st:hover:after{ right:5px}

/**/
.label_st{ display:inline-block; *display:inline; zoom:1;}
.label_st > *{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; cursor:pointer;}
.label_st:not(.cssbrowser) .xi:before{ font-family:xeicon!important; font-style:normal; font-size:1.5em}
.label_st:not(.cssbrowser) input:checked ~ .xi ~ span,
.label_st:not(.cssbrowser) input:checked ~ .xi:before{ color:#111}
.label_st:not(.cssbrowser) input[type=checkbox] ~ .xi:before{ content:"\e92c"}
.label_st:not(.cssbrowser) input[type=checkbox]:checked ~ .xi:before{ content:"\e92b"}
.label_st:not(.cssbrowser) input[type=radio] ~ .xi:before{ content:"\e9c6"; margin: 0 .2em; vertical-align: inherit;}
.label_st:not(.cssbrowser) input[type=radio]:checked ~ .xi:before{ content:"\e9c7"}
.label_st:not(.cssbrowser) input[type=checkbox],
.label_st:not(.cssbrowser) input[type=radio]{ width:0; height:0; overflow:hidden;}

.label_st.mg{ margin-left:2em}
.label_st.mg:first-child{ margin-left:0}

.label_select{ position:relative}
.label_select select{ background:none; padding-right:5em; appearance:none;-webkit-appearance:none;}
.label_select select::-ms-expand{display:none;}
.label_select:before{ content:""; position:absolute; z-index:-2; left:0; top:0; width:100%; height:100%; background:#fff}
.label_select:after{ content:"\e942"; font-family:xeicon!important; position:absolute; z-index:-1; right:0; top:50%; margin-top:-.3em; width:3em; text-align:center}


/* .input_st{display:inline-block; *display:inline; zoom:1; vertical-align:middle; border:1px solid #ddd; color:#666; padding:.5em .6em;  box-sizing:border-box; line-height:2em; height:3em}
input[type=text].input_st,
input[type=password].input_st,
input[type=tel].input_st{ }
input[type=file].input_st{ background:none; border:none; padding:0}
input[type=button].input_st,
input[type=submit].input_st,
button.input_st,
a.input_st{ font-weight:600}
input[type=file].input_st{ background:none; border:none; padding:0;}
input[type=button].input_st,
input[type=file].input_st,
input[type=submit].input_st,
button.input_st,
a.input_st{ min-width:7em; text-align:center;}
select.input_st{ padding-right:30px; transition:0}
textarea.input_st{ padding:10px; width:100%; height:200px; line-height:1.2}
textarea.input_st.editor{ height:300px}

.input_st .xi{ vertical-align:top; padding-right:.2em}

.input_st:hover,
.input_st:focus{ border-color:#666; color:#111}
.label_select .input_st:hover,
.label_select .input_st:focus{ background:none}
.input_st[disabled=disabled]{ cursor:default}
.input_st[disabled=disabled]:hover{ border-color:#ddd; color:#666}
select.input_st:hover,
select.input_st:focus{ color:#666}
.input_st .xi{ font-size:1.5em}

.input_st.s1{ line-height:1em; height:3.5em; padding:1em 1.5em; font-size:1.15em;}
.input_st.s2{ line-height:1.5em; height:2.5em; padding:.5em 1em; font-size:.938em}
.input_st.s3{ line-height:1em; height:1.875em; padding:.25em 1em; font-size:.875em}

.input_st.c1{ background:#2a6bb6; border-color:#2a6bb6; color:#fff}
.input_st.c1.re{ background: none; border-color:#2a6bb6; color:#2a6bb6;}
.input_st.c2{ background: #042d5c; border-color: #042d5c; color: #fff;}
.input_st.c2.re{ background: none; border-color:#042d5c; color:#042d5c;}
.input_st.c3{ background: #f5f5f5; border-color: #f5f5f5; color: #111;}

.input_st.w1{ width:200px}
.input_st.w2{ width:90px}
.input_st.w3{ width:300px}
.input_st.w5{ width: 500px;}
.input_st.w100{ width:100%}

.input_sec{ display:inline-block; *display:inline; zoom:1; width:20px; text-align:center; vertical-align:middle}

.input_st::-webkit-input-placeholder{ color:#aaa}
.input_st::-moz-placeholder{ color:#aaa}
.input_st:-moz-placeholder{ color:#aaa}
.input_st:-ms-input-placeholder{ color:#aaa}

.input_tt{ vertical-align:middle} */

/*comment*/
.board_comm_tit{ margin-top:60px; font-size:.875em; color:#666;}
.board_comm_tit .c1{ color:#ff3347;}
.comment_area{ margin-top:15px; border:1px solid #ddd;}
.comment_area .inner{ padding:20px; background:#f5f5f5;}
.comment_area .comment_tit{ margin-bottom:15px; overflow:hidden;}
.comment_area .comment_tit .tit{ float:left;}
.comment_area .comment_tit .num{ float:right;}
.comment_area .comment_tit .tit > span{ padding-right:10px; color:#666; vertical-align:middle;}
.comment_area .comment_tit .tit .t1{ font-size:.875em; color:#000;}
.comment_area .comment_tit .tit .t2{ font-size:.813em;}
.comment_area .comment_tit .num{ float:right; font-size:.813em; color:#222;}
.comment_area .comment_tit .num .max{ color:#ff3347;}
.comment_area .comm_info{ margin-bottom:5px;}
.comment_area .comm_info .input_st{ font-size:0.875em;}
.comment_area .comment{ position:relative; padding-right:120px}
.comment_area .comment .comment_txt{ width:100%; height:80px; padding:10px 10px; font-size:.875em; background:#fff;}
.comment_area .comment .comment_btn{ position:absolute; top:0; right:0; width:100px; height:100%; text-align:center; font-size:0.938em; color:#fff; background:#444; border-radius:3px; border:0;}
.comment_area .comment_top{ padding:10px 20px 8px 20px; border-bottom:1px solid #ccc; overflow:hidden; background:#f8f8f8;}
.comment_area .left_area{ float:left; text-align:left;}
.comment_area .left_area > dt,
.comment_area .left_area > dd{ display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
.comment_area .name{ font-size:.875em; color:#000;}
.comment_area .date{ font-size:0.813em; color:#888; margin-left:10px;}
.comment_area .comm_txt{ font-size:0.813em; color:#333; line-height:1.6;}
.comment_area .comment_edit{ float:right; text-align:right;}
.comment_area .comment_edit > a{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; font-size:0.750em; color:#333; border:1px solid #aaa; border-radius:3px; background:#fff; padding:0.3em 1em;}
.comment_area .comment_bottom{ padding:18px 24px 18px 24px; overflow:hidden;}
.comment_area .comment_bottom .re_comm{ margin-top:20px; padding:15px 15px 0 0; border-top:1px dashed #ccc;}
.comment_area .comment_bottom .re_comm > dt,
.comment_area .comment_bottom .re_comm > dd{ padding-left:30px;}
.comment_area .comment_bottom .re_comm > dt{ margin-bottom:8px; position:relative;}
.comment_area .comment_bottom .re_comm > dt:before{ content:"\e97e"; font-family:xeicon; font-size:1.625em; color:#aaa; position:absolute; top:-2px; left:0;}
.comment_area .comment_bottom .re_comm .edit_btn{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; font-size:0.750em; color:#fff; background:#888; border:none; border-radius:3px; padding:0.3em 0.8em;}


/**/
.edu_btn > li{ margin-bottom: .3em; }
.edu_btn > li:last-of-type{ margin-bottom: 0em;}
.edu_btn .edu_b{ padding: .5em 1em; font-size: .9em;}
.edu_btn .edu_b.btn_1{ background: #d4d4d4; color: #444;}
.edu_btn .edu_b.btn_2{ border: 1px solid #2a6bb6; color: #2a6bb6; background: #fff;}
.edu_btn .edu_b.btn_3{ background: #2a6bb6; color: #fff;}
.edu_btn .edu_b.btn_4{ border: 1px solid #111; color: #111;}
.edu_btn .edu_b.btn_5{ color: #f83a3a; border: 1px solid #f83a3a;}
.edu_btn .edu_b.btn_6{ color: #fff; background: #f72121;}
.edu_btn .edu_b.btn_7{ background: #1f4b7d; color: #fff;}


/**/
.w_no{ width:7%}
.w_answer{width:10%;}
.w_tit{ width:auto}
.w_name{ width:8%}
.w_name2{ width:15em}
.w_date{ width:10%}
.w_hit{ width:8%}
.w_btn{ width:10em}
.w_state{ width:10em}
.w_state2{ width:20em}
.w_category{ width:17em}
.w_form_tit{ width:15%}
.w_auto{ width:auto}

.state{ font-weight:bold}
.state.c1{ color: #0072c6}
.state.c2{ color: #009933}
.state.c3{ color: #CC3333}


/*page_btn*/
.page_btn{ display:flex; align-items:center; justify-content:center; gap:.5em;}
.page_btn > *{ flex:1 1 0%; min-width:0;}
.page_btn .in{ display:flex; align-items:center; flex:0 0 auto; gap:.5em;}
.page_btn .in.right{ margin-left:auto;}
.page_btn .max0{ flex:0 0 auto;}
.page_btn .max1{ max-width:10em; min-width:10em;}
.page_btn.al{ justify-content:flex-start;}
.page_btn.ar{ justify-content:flex-end;}
.page_btn.space{ justify-content:space-between;}
.page_btn.space > *{ flex:0 0 auto;}

/**/
.inp_w1{ width:90px}
.inp_w2{ width:180px}
.inp_w3{ width:250px}
.inp_w4{ width:150px}
.inp_w5{ width:160px}
.inp_w6{ width:160px}

.inp_w10{ width:10%}
.inp_w15{ width:15%}
.inp_w20{ width:20%}
.inp_w25{ width:25%}
.inp_w30{ width:30%}
.inp_w35{ width:35%}
.inp_w40{ width:40%}
.inp_w45{ width:45%}
.inp_w50{ width:50%}
.inp_w53{ width:53%}
.inp_w60{ width:60%}
.inp_w65{ width:65%}
.inp_w70{ width:70%}
.inp_w75{ width:75%}
.inp_w80{ width:80%}
.inp_w85{ width:85%}
.inp_w90{ width:90%}
.inp_w95{ width:95%}
.inp_w100{ width:100%}
.textarea_w1{ width:100% !important; height:200px !important; padding:12px 12px;}
.textarea_w2{ width:100%; height:120px; padding:12px 12px;}

/* .input_st.w1{ width:3em;}
.input_st.w2{ width:6.235em;}
.input_st.w3{ width:10.17em;}
.input_st.w4{ width:14.5em;}
.input_st.w5{ width:14.3em;}
.input_st.w6{ width:22em;}
.input_st.w7{ width:30em;}
.input_st.w8{ width:8em;}
.input_st.w9{ width:14em;}
.input_st.w10{ width:100%;}
.input_st.w11{ width:45em;}
.input_st.w12{ width:18.5em;}
.input_st.w13{ width:26em;}
.input_st.w14{ width:65em;}
.input_st.w15{ width:40em;} */

.input_st{ box-sizing:border-box; display:inline-block; vertical-align:middle; border:1px solid #ddd; max-width:100%; height:3em; padding:.5em 1em; border-radius: .2em;}
a.input_st,
button.input_st{ display:inline-flex; align-items:center; justify-content:center; text-align:center; gap:0 .5em;}
a.input_st.al{ justify-content:flex-start}
.input_st[type=file]{ background:none; border:1px solid #ddd; padding:0; width:100%;}
textarea.input_st{ padding:1em; width:100%; height:7em}
textarea.input_st.h1{ height:15em}
select.input_st{ padding-right:2.5em}

input[type=text].input_st:focus,
input[type=password].input_st:focus,
input[type=tel].input_st:focus{ border-color:#111; color:#000;}

input[type=text].input_st:focus::placeholder,
textarea:focus::placeholder{ color:#ccc;}

button.input_st:disabled,
.input_st[type=button]:disabled,
.input_st[type=submit]:disabled{ cursor:default; opacity:.7;}

.input_st > .tt{ line-height: 1;}
.input_st > .xi{ font-size:1em;}
.input_st > .xi:before{ font-size:1.125em;}

.input_st.s1{ height:3.5em; padding:.5em 1.5em; font-size:1.125em; font-weight:500;}
.input_st.s2{ height:2.5em; padding:.5em .75em; font-size:.938em;}
.input_st.s3{ height:auto; font-size:.875em;}

.input_st.round{ border-radius:10em;}

.input_st.c1   { background:#042d5c; border-color:#042d5c; color:#ffffff;}/*남색 포인트색*/
.input_st.c1.re{ background:#ffffff; border-color:#042d5c; color:#042d5c;}
.input_st.c2   { background:#49b7be; border-color:#49b7be; color:#ffffff;}/*하늘 포인트색*/
.input_st.c2.re{ background:#ffffff; border-color:#49b7be; color:#49b7be;}
.input_st.c3   { background:#999999; border-color:#999999; color:#ffffff;}/*흐린회색*/
.input_st.c3.re{ background:#f5f5f5; border-color:#cccccc; color:#444444;}
.input_st.c4   { background:#333333; border-color:#333333; color:#ffffff;}/*진한회색*/
.input_st.c4.re{ background:#ffffff; border-color:#333333; color:#333333;}
.input_st.c5   { background:#000000; border-color:#000000; color:#ffffff;}/*블랙*/
.input_st.c5.re{ background:#ffffff; border-color:#000000; color:#000000;}
.input_st.c6   { background:#d93625; border-color:#d93625; color:#ffffff;}/*빨강*/
.input_st.c6.re{ background:#ffffff; border-color:#d93625; color:#d93625;}

.input_st.w1{ width:14em; max-width:100%}
.input_st.w2{ width:6.25em}
.input_st.w3{ width:40em; max-width:100%}
.input_st.w4{ width:12em}
.input_st.w6{ width:22em;}
.input_st.w7{ width:30em;}
.input_st.wFix{ min-width:8em; text-align:center}
.input_st.w100{ width:100%}
.input_st.grow{ flex:1;}

.inp_sec{ text-align:center; display:inline-block; *display:inline; zoom:1; vertical-align:middle}
.inp_sec.pe5{ width:5%;}
.inp_sec.pe10{ width:10%;}
.inp_sec.px1{ width:14px;}
.inp_sec.px2{ width:25px;}
.inp_sec.px3{ width:8px;}
.inp_rowsec{ display:block; height:3px}

.bdrs {border-radius: 5px;}

/*new*/
.dot{ position:relative; padding-left: 1.5em; margin-bottom: .5em;}
.dot:last-of-type{ margin-bottom: 0em;}
.dot:before{ position: absolute; top: 6px; left: 11px; width: 5px; height: 5px; border-radius: 50%; background: #0d5bd7; content: '';}

.ttdot{ position:relative; padding-left: 1.5em; margin-bottom: .5em;}
.ttdot:last-of-type{ margin-bottom: 0em;}
.ttdot:before{ position: absolute; top: 6px; left: 11px; width: 5px; height: 5px; border-radius: 50%; background: #777; content: '';}

.f_upper{ text-transform: uppercase;}
.v_base{ vertical-align: baseline;}
.c_white{ color: #fff;}

.fwT { font-weight:100;}
.fwEL{ font-weight:200;}
.fwL { font-weight:300;}
.fwR { font-weight:400;}
.fwM { font-weight:500;}
.fwB { font-weight:700;}
.fwBL{ font-weight:800;}
.fwEB{ font-weight:900;}

.fstL { text-decoration:underline;}
.fstLV{ text-decoration:line-through;}
.fstUC{ text-transform:uppercase;}
.fstIT{ font-style:italic;}
.fstS0{ letter-spacing:0 !important;}
.fstS1{ letter-spacing:-.063em !important;}
.fstS2{ letter-spacing:-.125em !important;}


/*new board*/
.board_table.s1{ font-size:1.125em}
.board_table.s1 .w_tit{ font-size:1.1em; padding:.8em 2em; font-weight:500}
.board_table.s1 .w_date{ color:#999; width:12em}
.board_table.s1 .board_aTit{ text-decoration:none}
.board_table.s1 tr[onclick]{ cursor:pointer}
.board_table.s1 tr[onclick]:hover td{ background:#f9f9f9}


.ess{ color:#FF3333}
.ess:before{content:"\e929"; font-size:.625em}
.t_ess{ margin-left:1em; font-size:.75em; color:#666}
.t_ess .ess:before{ font-size:1.25em }

/*main_btn*/
.main_more{ display: inline-block; cursor: pointer;}
.main_more.ac{ display: inline-flex; justify-content: center;}
.main_more.pd1{ padding-top:2.5em;}
.main_more.pd2{ padding-top:4em;}
.main_more > .more{ text-align:center; padding:0.825em 2em; background:#2a6bb6; border:1px solid #2a6bb6; border-radius:6em; color:#fff; transition:.3s; cursor: pointer;}
.main_more > .more.submit{ padding: .625em 1.5em; font-size: .85em; }
.main_more > .more > .tt{ font-size:.875em;}
.main_more > .more > .tt ~ .xi{ margin-left:.5em;}
.main_more > .more > .xi{ font-size:1.250em; padding-left: .5em; transition: .3s;}
.main_more > .more > .xi:before{ }
.main_more > .more:hover > .xi{  transform: translateX(5px); transition: .3s;}
.main_more > .more.re:hover{ background:#2a6bb6; border-color:#2a6bb6; color:#fff;}

/*join01*/
.w_cate { width:10em;}
/*.board_st.cc{ border-top:1px solid #ccc;}*/
.board_st.cc th{ background:#f5f5f5; text-align:left; font-size: 1.1em; }
.sub2_6st .top_co {background:#fff !important; border-top:0}

@media screen and (max-width:768px){
/**/
.board_btn_wrap {margin-top:1em;}
.board_search_wrap button {padding:0 .6em;}
.board_paging button {width:2em; height:2em; line-height:2em;}

/**/
.input_st {font-size:1em;}
.input_st.m_search_st {width:70px;}

/*license*/
.fl_wrap.m_st > li {float:none;}
.board_license > li {width:100%;}

/**/
.input_st .xi {font-size:.750em;}

/**/
.w_no.m_st {display:none;}
.w_hit.m_st {display:none;}
.w_hit{ display:none;}
.w_date {width:5em;}
.w_form_tit.m_st {width:20%;}
.w_answer{width:15%;}


/**/
.input_st.w4.inquiry_st {width:100%;}
.inp_w100.inquiry_st {width:100% !important;}
.input_st.w2.inquiry_st {width:68px;}
.inquiry_st_email {width:103px;}
.input_st.w1.inquiry_st_email_w {width:220px; margin-top:.5em;}

/**/
.board_st th, .board_st td {font-size:1.125em !important;}

/**/
.board_st.list.tit th {font-size:.750em !important;}
.board_st.list.notice td {font-size:.750em !important;}

/**/
.board_view_top .tit {font-size:1em;}
.board_view_middle {padding:1em;}

/**/
.board_st.inqury_st th {padding:.5em;}

}

@media screen and (max-device-width:768px){
.layer_img {top:10% !important; margin:0 !important;}
.layer_img img {min-width:260px;}

}

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

.w_answer{width:18%;}	
	
}

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

.w_answer{width:24%;}
.w_date{ display:none;}	
.w_name{width:18%;}
	
}