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

.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:not(.va),
.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:100%; max-height:100%}

.al{ text-align: left !important;}
.ac{ text-align: center !important;}
.ar{ text-align: right !important;}

.vt{ vertical-align:top !important;}
.vm{ vertical-align:middle !important;}
.vb{ vertical-align:bottom !important;}
.vBase{ vertical-align:baseline !important}

.fl{ float:left !important;}
.fr{ float:right !important;}
.cl{ clear:both !important; display:block}
.oh{ overflow:hidden !important;}

.pr{ position:relative; z-index:inherit}
.pa{ position:absolute; left:0; top:0; width:100%; height:100%}

.di{display:inline}
.db{ display:block !important;}
.dn{ display:none !important;}

.cp{ cursor:pointer;}
.cutstr {text-overflow : ellipsis;overflow : hidden;white-space : nowrap; display:block; width:100%}

.flex{ display:flex}
.flex.wrap{ flex-wrap:wrap}
.flex.col{ flex-direction:column}
.flex.col > *{ width:100%; box-sizing:border-box}
.flex.space{ justify-content: space-between}
.flex.vspace{ align-content:space-between}
.flex.hc{ justify-content:center}
.flex.hr{ justify-content:flex-end}
.flex.vt{ align-content:flex-start; align-items:flex-start}
.flex.vc{ align-content:center; align-items:center}
.flex.vb{ align-content:flex-end; align-items:flex-end}
.flex .mgL{ margin-left:auto}
.flex .mgR{ margin-right:auto}
.flex .mgT{ margin-top:auto}
.flex .grow{ flex:1 1 0%; min-width:0}
.flex .fix{ flex:0 0 auto}
.flex.fc{ justify-content:center; align-items:center}
.flex.gap1{ gap:.1em}

.resize{ display:block; height:0; padding-bottom:100%; position:relative}
.resize svg{ position:absolute; width:100%; height:100%; left:0; top:0}
.resize .re{ position:absolute; left:0; top:0; width:100%; height:100%}
.resize.vod{ padding-bottom:56.25%}
.resize.photo{ padding-bottom:66.6666%}
.resize.pop{ padding-bottom:66.6666%}
.resize .re img{ width:100%; height:100%; object-fit: cover}

.row{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-box-orient: vertical;}
.row.r2{ -webkit-line-clamp: 2}
.row.r3{ -webkit-line-clamp: 3}
.row.r4{ -webkit-line-clamp: 4}

.c_point{ color:#0060ae !important}
.c_point2{ color:#002144 !important}
.c_black{ color:#000 !important}
.c_gray{ color:#777 !important}
.c_white{ color:#fff !important}
.c_dgray{ color:#555 !important}
.c_red{ color:red !important}

.bgfix{background-repeat:no-repeat; background-position:center center; background-size:cover;}
.bgfix.ct{ background-size:contain}
.pre{white-space:pre-wrap;}
.round{ border-radius:.5em}

.loader_wrap{ position: fixed; left:0; top:0; width:100vw; height:100vh; z-index:10000; background:rgba(255,255,255,.5); display:flex; justify-content:center; align-items:center}
.load .loader_wrap{ display:none}
.loader{animation: rotate 1s infinite; height: 50px; width: 50px;}
.loader:before,
.loader:after{ border-radius: 50%; content: ''; display: block; height: 20px; width: 20px;}
.loader:before{ animation: ball1 1s infinite; background-color: #cb2025; box-shadow: 30px 0 0 #f8b334; margin-bottom: 10px;}
.loader:after{ animation: ball2 1s infinite; background-color: #00a096; box-shadow: 30px 0 0 #97bf0d;}
@keyframes rotate {
0% { transform: rotate(0deg) scale(0.8);}
50% { transform: rotate(360deg) scale(1.2);}
100% { transform: rotate(720deg) scale(0.8);}
}
@keyframes ball1 {
0% { box-shadow: 30px 0 0 #f8b334;}
50% { box-shadow: 0 0 0 #f8b334; margin-bottom: 0; transform: translate(15px,15px); }
100% { box-shadow: 30px 0 0 #f8b334; margin-bottom: 10px;}
}
@keyframes ball2 {
0% { box-shadow: 30px 0 0 #97bf0d;}
50% { box-shadow: 0 0 0 #97bf0d; margin-top: -20px; transform: translate(15px,15px);}
100% { box-shadow: 30px 0 0 #97bf0d; margin-top: 0;}
}

/**/
.pd0{ padding:0 !important;}
.pt0{ padding-top:0 !important;}
.pb0{ padding-bottom:0 !important;}

.mg0{ margin:0 !important;}

.mt0{ margin-top:0 !important;}
.mt3{ margin-top:3px !important;}
.mt5{ margin-top:5px !important;}
.mt10{ margin-top:10px !important;}
.mt15{ margin-top:15px !important;}
.mt20{ margin-top:20px !important;}
.mt25{ margin-top:25px !important;}
.mt30{ margin-top:30px !important;}
.mt40{ margin-top:40px !important;}
.mt50{ margin-top:50px !important;}

.mb0{ margin-bottom:0 !important;}
.mb5{ margin-bottom:5px !important;}
.mb10{ margin-bottom:10px !important;}
.mb15{ margin-bottom:15px !important;}
.mb20{ margin-bottom:20px !important;}
.mb25{ margin-bottom:25px !important;}
.mb30{ margin-bottom:30px !important;}
.mb40{ margin-bottom:40px !important;}
.mb50{ margin-bottom:50px !important;}

.mlA{ margin-left:auto !important;}
.ml0{ margin-left:0 !important;}
.ml5{ margin-left:5px !important;}
.ml10{ margin-left:10px !important;}
.ml15{ margin-left:15px !important;}
.ml20{ margin-left:20px !important;}
.ml25{ margin-left:25px !important;}
.ml30{ margin-left:30px !important;}
.ml40{ margin-left:40px !important;}
.ml50{ margin-left:50px !important;}

.mrA{ margin-right:auto !important;}
.mr0{ margin-right:0 !important;}
.mr5{ margin-right:5px !important;}
.mr10{ margin-right:10px !important;}
.mr15{ margin-right:15px !important;}
.mr20{ margin-right:20px !important;}
.mr25{ margin-right:25px !important;}
.mr30{ margin-right:30px !important;}
.mr40{ margin-right:40px !important;}
.mr50{ margin-right:50px !important;}

.pd05{ padding:.5em !important;}
.pd1{ padding:1em !important;}
.pd2{ padding:2em !important;}
.pl8{ padding-left:8em!important;}

.fwB{ font-weight:700}
.fwM{ font-weight:500}
.fwR{ font-weight:400}
.fwL{ font-weight:300}

.al{ text-align:left}
.ar{ text-align:right}
.ac{ text-align:center}

.ffSerif{ font-family: Georgia, "Times New Roman", Times, serif; letter-spacing:0}

.fs12{ font-size:.75em !important}
.fs13{ font-size:.813em !important}
.fs14{ font-size:.875em !important}
.fs15{ font-size:.938em !important}
.fs16{ font-size:1em !important}
.fs17{ font-size:1.063em !important}
.fs18{ font-size:1.125em !important}
.fs19{ font-size:1.188em !important}
.fs20{ font-size:1.25em !important}
.fs21{ font-size:1.313em !important}
.fs22{ font-size:1.375em !important}
.fs23{ font-size:1.438em !important}
.fs24{ font-size:1.5em !important}
.fs25{ font-size:1.563em !important}
.fs26{ font-size:1.615em !important}
.fs27{ font-size:1.688em !important}
.fs28{ font-size:1.75em !important}
.fs29{ font-size:1.813em !important}
.fs30{ font-size:1.875em !important}
.fs31{ font-size:1.938em !important}
.fs32{ font-size:2em !important}

.hideT{position: absolute; z-index: -1; display: inline-block; overflow: hidden; height: 1px; width: 1px; border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); word-break: initial; word-wrap: initial;}
.hideT.close{ display:none}


/*board*/
.board_st01{border-top:2px solid #e41239}
.board_st01 th{ color:#111; font-weight:500; background:#f5f5f5;}
.tr_center{text-align:center;}
.board_st.board_st01 tr{text-align:center;}

.board_st th,
.board_st td{ padding:1em; border-bottom:1px solid #ddd; font-size:inherit !important; line-height:1.3}
.board_st td{ padding:1em; border-bottom:1px solid #ddd; font-size:inherit !important; line-height:1.3}
.board_st th{ padding:1em; color:#111}
.board_st td{ color:#555}

.board_st.write{ font-size:.938em}
.board_st.write th,
.board_st.write td{ padding-top:.75em; padding-bottom:.75em}

.board_st{table-layout:fixed;  font-size:.938em}
.board_st.list.tit th{ border-top:2px solid #212121; border-bottom:1px solid #666}
.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.list td{ text-align:center}
.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 td a{ color:#111}
.board_st a:hover{ text-decoration:underline}

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

.board_st.view{ border-top:2px solid #212121}
.board_st.write{ border-top:2px solid #212121}

.board_st.st1{ border-top:2px solid #333}
.board_st.st1 td,
.board_st.st1 th{ height:3em; border:1px solid #ddd; padding-left:2em; padding-right:2em}
.board_st.st1 th{ background:#f9f9f9; border-bottom-color:#ddd; text-align:left}
.board_st.st1.write{ border-top:none}
.board_st.st1.write th{ background:none}

/**/
.board_view_top{ }
.board_view_top .tit{ padding:1.5em; font-weight:500; border-top:2px solid #212121; text-align:center; border-bottom:1px dashed #aaa; font-size:1.25em}
.board_view_top .info{border-bottom:1px solid #ddd}
.board_view_top .info > li{ display:inline-block; *display:inline; zoom:1; padding:1em 2em; color:#666; position:relative}
.board_view_top .info > li:before{ content:""; position:absolute; left:0; top:35%; width:1px; height:30%; background:#ccc}
.board_view_top .info > li:first-child:before{ display:none}
.board_view_top .file{ text-align:right; padding:1em 2em; background:#f7f7f7}
.board_view_top .file > li{ }
.board_view_top .file > li > a{ display:inline-block; word-break: break-all; word-wrap: break-word; padding:.2em}
.board_view_top .file > li > a:hover{ text-decoration:underline}
.board_view_top .file > li > a .xi{ margin:-1px .2em 0 0}
.board_view_middle{ padding:3em 2em 5em 2em}
.board_view_middle .mg_b10{margin-bottom:10px;}

/*.board_view_middle *{ font-family:notokr,sans-serif !important; font-size:1rem !important; line-height:1.7 !important; text-align: left !important;
word-break: break-all;
word-wrap: break-word;  Internet Explorer 
white-space: pre-wrap;  css-3 
white-space: -moz-pre-wrap;  Mozilla, since 
white-space: -pre-wrap;  Opera 4-6 
white-space: -o-pre-wrap;  Opera 7   } 
*/
.board_view_middle img{ margin:1em 0}
.board_view_middle a{ text-decoration:underline}
.board_view_bottom{ border-top:1px solid #ddd}
.board_view_bottom th{ border-bottom:1px solid #ddd}
.board_view_bottom .board_st td a{ color:#777}
.board_view_bottom .board_st td a:hover{ color:#333}
.board_view_bottom .board_st th .xi{ font-size:1em; margin-right:.5em}

/**/
.board_icon.xi{}
.board_icon.xi:before{}
.board_icon.new .xi:before{content:"\e9a9"; color:#1b98d8}
.board_icon.notice .xi:before{ content:"\ea5b"; color:#1b98d8}
.board_icon.reply .xi:before{ content:"\e981"; color:#aaa}
.board_icon.file .xi:before{ content:"\ea7f"; color:#999; font-size:.938em}
.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_search_wrap{ font-size:.938em; margin-bottom:1.6em; overflow:hidden;}
.board_search_wrap .left { float:left;}
.board_search_wrap .right{ float:right; text-align:right;}
.board_search_wrap .left.total{ display:flex; align-items: center; margin:.4em 0 0 0; font-size:1em;}
.total{ margin-bottom:.6em; font-size:.938em; color:#393f44; letter-spacing:0; text-transform:uppercase;}
.total *{ display:inline-block; *display:inline; zoom:1;letter-spacing:0;}
.total .xi{ margin-right:.4em; width:1.6em; line-height:1.6em; background:#fff; border:1px solid #ccc; border-radius:50%; text-align:center; font-size:1.625em; color:var(--green2);}
.total > span{ display:block; height:1.6em; line-height:1.6em;}
.total .t1{ vertical-align:baseline; margin-right:.4em; font-size:.875em;}
.total .t2{ vertical-align:baseline; font-size:1.063em; color:#005cb2;}


/**/
.board_tbox .icon{ display:block; text-align:center; font-size:3em; color:#aaa}
.board_tbox .t1{ font-size:.938em}

/**/
.board_paging{ text-align:center; margin-top:5em; font-size:.813em}
.board_paging button{ vertical-align:top; width:3em; height:3em; line-height:3em; border:1px solid #ddd; background:#fff; color:#333; font-family: Verdana, Arial, Helvetica, sans-serif}
.board_paging button:hover,
.board_paging button.on{ background:#444; color:#fff}
.board_paging button.icon{ background:#f1f1f1;}
.board_paging button.icon:hover{ background:#aaa}
.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_btn_wrap{ text-align:right; margin-top:50px;}
.board_btn{ line-height:45px; padding:0 35px; font-family:notokrB; font-size:.938em; transition:.3s;}
.board_btn.c1{ background:#333333; border:1px solid #333333; color:#ffffff;}
.board_btn.c2{ background:#f1f1f1; border:1px solid #cccccc; color:#555555;}
.board_btn.c3{ background:#f9f9f9; border:1px solid #aaaaaa; color:#666666;}
.board_btn.c4{ background:#ffffff; border:1px solid #333333; color:#111111;}
.board_btn.c5{ background:#00a2d7; border:1px solid #00a2d7; color:#ffffff;}
.board_btn.c1:hover{ background:#247bd2; border-color:#247bd2;}
.board_btn.c2:hover{ background:#777777; border-color:#777777; color:#ffffff;}
.board_btn.c3:hover{ background:#666666; border-color:#666666; color:#ffffff;}
.board_btn.c4:hover{ border-color:#00397f; color:#00397f;}
.board_btn.c5:hover{ background:#333333; border-color:#333333;}

.board_btn_wrap.bTnst {font-size:1.063em; font-weight:500;}

.pop .board_btn_wrap{ margin-top:1.5em}

/**/
.label_st.ml{ margin-left:2em;}
.label_st.ml:first-child{ margin-left:0;}
.label_st.mr{ margin:.1em 1.5em .1em 0;}

/*.label_st:not(.flex){ display:inline-block; *display:inline; zoom:1;}
.label_st > *{ display:inline-block; *display:inline; zoom:1.5; vertical-align:middle; cursor:pointer; line-height:1;}
.label_st .xi{ margin-right:.25em}
.label_st .xi:before{ font-family:xeicon!important; font-style:normal; font-size:1.313em;}
.label_st input ~ .xi ~ span,
.label_st input ~ .xi ~ strong,
.label_st input ~ .xi:before{ color:#434343;}
.label_st:hover input ~ .xi ~ strong,
.label_st:hover input ~ .xi:before,
.label_st input:checked ~ .xi ~ strong,
.label_st input:checked ~ .xi:before{ color:#e41239;}
.label_st input[type=checkbox] ~ .xi:before{ content:"\ea0e";}
.label_st input[type=checkbox]:checked ~ .xi:before{ content:"\e92d";}
.label_st input[type=radio] ~ .xi:before{ content:"\e9c6";}
.label_st input[type=radio]:checked ~ .xi:before{ content:"\e9c7";}
.label_st input[type=checkbox],
.label_st input[type=radio]{ width:0; height:0; overflow:hidden; opacity:0;}
.label_st input[disabled=disabled] ~ *,
.label_st input[disabled=disabled] ~ .xi:before{ color:#888 !important;}
.label_st input[disabled=disabled] ~ *{ cursor:default;}
.label_st input[disabled=disabled]:checked ~ *,
.label_st input[disabled=disabled]:checked ~ .xi:before{ color:#005bbb !important;}*/

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

.label_select2{ position:relative; background:#fff; display:inline-block; *display:inline; zoom:1;}
.label_select2 select{ background:none; padding-right:5em; appearance:none;-webkit-appearance:none; position:relative; z-index:1}
.label_select2 select::-ms-expand{display:none;}
.label_select2:after{ content:"\e97a"; font-family:xeicon!important; position:absolute; z-index:0; right:0; top:50%; margin-top:-.725em; width:3em; text-align:center}

.label_file{ position:relative; display:inline-block; *display:inline; zoom:1; box-sizing:border-box; padding-right:100px;}
.label_file .file{ position:absolute; top:0; left:0; width:100%; height:100%; cursor:pointer; opacity:0; z-index:50;}
.label_file .btn { position:absolute; top:0; right:0; bottom:0; width:95px; background-color:#8f8f8f; border:1px solid #787878; border-radius:.3em; color:#fff; transition:.2s;}
.label_file:hover .btn{ background-color:#3e4c57; border-color:#2d3444; color:#fff;}

.label_wrap_form{ }
.label_wrap_form > li{/* flex:1;*/ margin:0 2em 0 0; box-sizing:border-box}

.input_st2{display:inline-block; *display:inline; zoom:1; vertical-align:middle; border:none; color:#666; padding:.5em 1em;  box-sizing:border-box; line-height:2em; height:3em;}

.lineHoverSt {position:relative}
.lineHoverSt:after{content:""; position:absolute; bottom:0; width:0; left:0; height:2px; background:#e41239; transition:.3s; top:inherit; margin-top:inherit; text-align:inherit; right:inherit; z-index:2 !important}
.lineHoverSt:hover:after {width:100%;}

.input_st{display:inline-block; *display:inline; zoom:1; vertical-align:middle; border:1px solid #ddd; color:#666; padding:.5em 1em;  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{}
select.input_st{ padding-right:3em; transition:0}
textarea.input_st{ padding:10px; width:100%; height:15em; line-height:1.2}
textarea.input_st.editor{ height:20em}
.editor{}

.input_st .xi{ vertical-align:top}
.input_st.borderRadius {border-radius:3em !important;}

.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]:not[button]: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:2.5em; height:3.5em; padding:.5em 1.5em}
.input_st.s2{ line-height:1.5em; height:2.5em; padding:.5em 1em; font-size:.938em}
.input_st.s3{ line-height:1em; height:2em; padding:.25em .5em; font-size:.938em}

.input_st.c1{ background:#005cb2; border-color:#005cb2; color:#fff}
.input_st.c1.re{ background:none; border-color:#005cb2; color:#005cb2}
.input_st.c2{ background:#999; border-color:#999; color:#fff}
.input_st.c2.re{ background:#f5f5f5; border-color:#ccc; color:#888}
.input_st.c3{ background:#333; border-color:#333; color:#fff}
.input_st.c3.re{ background:#fff; border-color:#666; color:#666}
.input_st.c4{ background:#0051ba; border-color:#0051ba; color:#fff}
.input_st.c4.re{ background:#fff; border-color:#0051ba; color:#0051ba}
.input_st.c5{background:#fff; color:#e41239; border-color:#e41239}
.input_st.c5.re{ background:#fff; border-color:#e41239; color:#e41239}
.input_st.c6{background:#fff; color:#e41239; border-color:#e41239}
.input_st.c6.re{ background:#fff; border-color:#e41239; color:#e41239}
.input_st.c7{ background: #008E3D; border-color:#008E3D; color:#fff}
.input_st.c7.re{ background:#fff; border-color:#008E3D; color:#008E3D}
.input_st.c8{ background: #003876; border-color:#003876; color:#fff}
.input_st.c8.re{ background:#fff; border-color:#003876; color:#003876}

.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.w17{ width:15em;}
.input_st2.w17{ width:15em;}
.ess{ color:#e41239; display:inline-block; width:1em; font-size:1.375em !important}
.ess:before{content:"*"; opacity:0}
.xi.ess:before{ opacity:1}
.ess.de{ font-size:1em !important;}

.label_inp{ position:relative; padding:.25em 0; box-sizing:border-box; min-height:3.25em; cursor:text}
.label_inp.de{ cursor:default}
.label_inp .inp{ box-sizing:border-box; width:100%; height:2em; border:none; background:#fff; border-radius:0; font-size:.938em; color:#666}
.label_inp .line,
.label_inp .line:after{ position:absolute; left:0; bottom:0; width:100%; height:1px; background:#efefef}
.label_inp .line:after{ content:""; width:0; background:#222; transition:.3s}
.label_inp:not(.de):hover .line:after{ width:100%}
.label_inp .inp:focus + .line:after{ width:100%; background:#e41239}
.label_inp .file{ width:0; height:0; visibility:hidden; overflow:hidden}
.label_inp .inp[readonly=readonly]{height:4em; color:#222; flex:1 1 100%; border-bottom:1px solid #efefef; margin-right:.25em;}
.label_inp .inp[readonly=readonly]:hover{border-bottom-color:#222;}
.label_inp textarea.inp{ height:10em}
.label_inp.label_select select{ background:none;}
.label_inp.label_select:after{ content:"\e943"; margin-top:-.875em; line-height:1}
.label_inp.label_select .line{ bottom:-1px}
.label_inp .btn{ height:4em; background:#fff; border:1px solid #ddd; padding:0 1em; min-width:6em; box-sizing:border-box; font-size:.938em; transition:.3s}
.label_inp .btn.s1{ height:2em; line-height:1}
.label_inp .btn.s1 .xi{ font-size:1.75em}
.label_inp .btn.c1{ border:none}
.label_inp .btn:hover{ border-color: #e41239; color:#e41239}
.label_inp.s1{ font-size:1.063em}

/**/
.state{ display:inline-block; *display:inline; zoom:1; box-sizing:border-box; text-align:center; min-width:8em; line-height:1.5em; height:2.5em; padding:.4em .5em; background:#fff; border:1px solid #ccc; border-radius:.3em; font-size:.938em;}
.state.c1   { background:#008E3D; border-color:#008E3D; color:#ffffff;}
.state.c1.re{ background:#ffffff; border-color:#008E3D; color:#008E3D;}
.state.c2   { background:#108ad3; border-color:#108ad3; color:#ffffff;}
.state.c2.re{ background:#ffffff; border-color:#108ad3; color:#108ad3;}
.state.c3   { background:#d82744; border-color:#d82744; color:#ffffff;}
.state.c3.re{ background:#ffffff; border-color:#d82744; color:#d82744;}
.state.c4   { background:#999999; border-color:#999999; color:#ffffff;}
.state.c4.re{ background:#f5f5f5; border-color:#cccccc; color:#666666;}
.state.c5   { background:#ef7c00; border-color:#ef7c00; color:#ffffff;}
.state.c5.re{ background:#ffffff; border-color:#ef7c00; color:#ef7c00;}

/**/
.bt_st{ display:inline-block; *display:inline; zoom:1; line-height:40px; border:1px solid #ddd; color:#666; background:#fff; font-size:.875em; position:relative; overflow:hidden; transition:.3s; font-family: 'gs';}
.bt_st.c1{ background:#474747; color:#fff; border:1px solid #474747;}
.bt_st.c2{ background:#fff; color:#666}
.bt_st.c3{ background:linear-gradient(180deg, #00a2d9 0%, #1b58a5 100%); color:#fff; border:none;}
.bt_st:after{ content:"\e93f"; font-family:xeicon!important; position:absolute; right:-1em; top:0; transition:.3s}
.bt_st .xi{ font-size:1.375em; padding-right:2px; vertical-align: top}
.bt_st:hover{ padding-right:20px}
.bt_st:hover:after{ right:10px}

.bt_st.s1{ line-height:45px; border-radius:30px; font-size:.938em;}
.bt_st.s2{ line-height:40px; padding-left:30px; padding-right:30px}
.bt_st.s2:hover{ padding-right:40px; padding-left:20px}

/**/
.w10{ width:10% !important}
.w15{ width:15% !important}
.w25{ width:25% !important}
.w30{ width:30% !important}
.w40{ width:40% !important}
.w50{ width:50% !important}
.w100{ width:100% !important}

.w_wd1 {width:8em;}

.input_sec{ display:inline-block; *display:inline; zoom:1; width:1.25em; text-align:center; vertical-align:middle}
.input_sec.s1{ width:.5em}
.input_sec.s2{ padding:0 1.5em 0 .5em}

.input_tt{ vertical-align:middle}

.xi.input_cal{ vertical-align:middle; cursor:pointer; color:#3c3c3d;}
.xi.input_cal:before{ content:"\e9a5"; font-size:1.625em;}
.xi.input_cal:hover{ color:#3f3f9f;}

/**/
.type_Tit1 {color:#008E3D; font-weight:700; font-size:1.250em; vertical-align:middle;}
.type_Tit2 {color:#eb6950; font-weight:700; font-size:1.250em; vertical-align:middle}

.tt_cut{ display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

/**/
textarea.input_st.s2{ padding:1em;}
textarea.input_st.h1{ height:10em !important;}

/**/
.w_no{ width:4em}
.w_tit{ width:auto}
.w_type{ width:7.5em}
.w_name{ width:7em}
.w_date{ width:8em}
.w_hit{ width:8em}
.w_check{ width:5em}
.w_btn{ width:8em}
.w_faq{ width:6em}
.w_state{ width:9em}

.w_form_tit{ width:15em}
.w_form_tit2 {width:12em;}
.w_auto{ width:auto}

.w_text0{width:20em}
.w_text1{width:8em;}
.w_text2{width:11em}
.w_text3{width:10em;}
.w_text4{width:7em;}
.w_text5{width:4em;}
.w_text6{width:13em;}
.w1{width:1em;}
.w2{width:5em}


/**/
.board_faq{border-top:2px solid #333; font-size:.938rem}
.board_faq .article{ border-bottom:1px solid #ddd}
.board_faq .article .qq{ position:relative}
.board_faq .article .aa{ display:none; position:relative; background:#f9f9f9; border-top:1px dashed #ccc}
.board_faq .article .mark{ position:absolute; left:0; top:10px; width:50px; font-family:Arial, Helvetica, sans-serif; font-size:2em; text-align:center}
.board_faq .article .qq .mark{ color:#152c8d}
.board_faq .article .qq.on .mark{ color:#da241e}
.board_faq .article .aa .mark{ color:#999}
.board_faq .article .arrow{ position:absolute; right:0; top:10px; width:50px; font-size:2em; text-align:center; color:#aaa}
.board_faq .article .arrow:before{ content:"\e941"; font-family:xeicon!important;}
.board_faq .article .qq.on .arrow:before{ content:"\e944"}
.board_faq .article .tt{ display:block; padding:1.5em 4em}
.board_faq .article .qq.on .tt{ font-weight:bold}
.board_faq .article .aa .tt{ padding-right:10px}

/**/
.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_st.gallery{ padding:1.5em 0; border:solid #333; border-width:2px 0 1px 0; font-size:1em;}
.board_st.gallery .list{ margin:0 -1em -1em 0;}
.board_st.gallery .list > li{ width:25%;}
.board_st.gallery .list > li .in{ position:relative; margin:0 1em 1em 0; border:1px solid #d4d5d8; border-radius:1em; overflow:hidden;}
.board_st.gallery .list > li .resize{ padding-bottom:142%;}
.board_st.gallery .list > li .img img{ width:100%; height:100%;}
.board_st.gallery .list > li .con{ position:relative; padding:1.2em; background:#ecf0f4; border-top:1px solid #d4d5d8;}
.board_st.gallery .list > li .con > dt{ color:#3c3c3d; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.board_st.gallery .list > li .con .txt{ margin-top:1em; font-size:.813em; color:#72727d; letter-spacing:0;}
.board_st.gallery .list > li .con .bd_date{ margin-right:.2em;}
.board_st.gallery .list > li .con .more{ position:absolute; right:.8em; bottom:.8em; font-size:1.125em; color:#3c3c3d;}
.board_st.gallery .list > li .layer{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.6); opacity:0; visibility:hidden; transition:.3s;}
.board_st.gallery .list > li .layer .xi{ font-size:2.125em; color:#fff; width:1.5em; line-height:1.5em; background:#d82744; border-radius:50%; margin-top:1em; transition:.3s;}
.board_st.gallery .list > li .layer .xi:before{ content:"\e97a";}
.board_st.gallery .list > li:hover .in{ border-color:#333;}
.board_st.gallery .list > li:hover .layer{ opacity:1; visibility:visible;}
.board_st.gallery .list > li:hover .layer .xi{ margin-top:0;}

/**/
.board_photo_wrap{margin-left:-10px; *zoom:1; /*border-top:1px solid #ddd;*/}
.board_photo_wrap:after { content:""; display:block; clear:both;}
.board_photo_wrap > li { float:left; width:33.333%;}
.board_photo_wrap .list {margin-left:10px; margin-bottom:10px; padding-bottom:15px; /*cursor:pointer;*/ overflow:hidden; border:1px solid #ddd; padding:1em;}
.board_photo_wrap .list .img {overflow:hidden;}
.board_photo_wrap .list .tit {padding:25px 0 5px 0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:1em; color:#09428f; font-family:notokrM,sans-serif; letter-spacing:-1px;}
.board_photo_wrap .list .name{ padding-bottom:5px; font-size:.875em; color:#444; line-height:16px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.board_photo_wrap .list .date{ padding-bottom:10px; line-height:16px;font-size:.875em; color:#bbb; letter-spacing:-1px;}
.board_photo_wrap .list .comm{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-left:15px; padding-left:28px; background:url(../images/inc/icon_comm.png) no-repeat left top; font-family: 'LatoWebBold'; color:#c40307;}
.board_photo_wrap .list .btn{ padding-top:30px; overflow:hidden; float:left; letter-spacing:-1px;}
.board_photo_wrap .list .btn .st{ position:relative; display:inline-block; *display:inline; zoom:1; margin-left:15px;  font-weight:400; font-size:.875em; color:#222; float:right; padding-left:10px;}
.board_photo_wrap .list .btn .st:before{ content:"\e914"; position:absolute; bottom:-4px; left:-13px; font-family:xeicon; font-style:normal; font-size:20px; }
.board_photo_wrap .list:hover *{ transition:0.3s}
.board_photo_wrap .list:hover .img img { transform:scale(1.1,1.1);}
.board_photo_wrap .list:hover .tit,
.board_photo_wrap .list:hover .name,
.board_photo_wrap .list:hover .date,
.board_photo_wrap .list:hover .txt,
.board_photo_wrap .list:hover .btn{ padding-left:25px; padding-right:25px;}

.board_photo_wrap.pdf_list .list .tit{ border-bottom:none !important;}
.board_photo_wrap.pdf_list .list .tit2{ font-size:1.125em !important; padding:.5em 0 1.5em 0; font-weight:400; font-family:'notokrM'; color:#222; text-align:center;}
.board_photo_wrap .list .tit .file{ border:1px solid #ddd; margin:0 auto; height:42px; line-height:42px;}
.board_photo_wrap .list .tit .file > a{ font-size:1em; color:#888;}
.board_photo_wrap .list .tit .file > .xi{ color:#888;}
.board_photo_wrap.pdf_list .list:hover .img{ border-color:#ddd !important;}
.board_photo_wrap.pdf_list .list:hover .file{ background:#0c61b5; transition:.3s; border:1px solid #0c61b5; color:#fff;}
.board_photo_wrap.pdf_list .list:hover .file > a, .board_photo_wrap.pdf_list .list:hover .file .xi{ color:#fff; transition:.3s;}



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


/**/
.social_table{text-align:center;}
.social_table .w_1{width:6em; border-right:1px solid #ddd;}
.social_table .w_2{width:5em; border-right:1px solid #ddd;}
.board_st .th_2022{border-bottom:1px solid #ddd;}
.schedule_1 .social_table .w_form1{border-right:1px solid #ddd; width:12em;}
.schedule_1 .social_table .w_form2{border-right:1px solid #ddd; width:15em}
.schedule_1 .social_table td,
.schedule_1 .social_table th{ padding:.75em 1em}
.schedule_1 .social_table td{border-left:1px solid #ddd; height:2.5em}
.schedule_1 .social_table .sosc_td{border-left:none; background:#fcf3f5 !important; font-weight:500}
.schedule_1 .social_table .td_small{font-size:.75em !important; cursor:pointer; background:#f1f1f1; padding:.5em 0}
.schedule_1 .social_table .td_small[onclick]:hover{ background:#e41239; color:#fff}
.schedule_1 .social_table .th_month{border-right:1px solid #ddd;}
.schedule_1 .social_table thead,
.schedule_1 .social_table .bg1{font-weight:500; background: #f7f7f7; border-bottom:1px solid #ddd}
.schedule_1 .social_table .bg1:not(:last-child){ border-right:1px solid #ddd}


/**/
.ess{ color:#0060ae; font-weight:700; margin:0 .25em}
.ess_tt{ font-size:.938em; color:#666}

.label_st{ display:inline-flex; align-items:center; min-height:1em; gap:0 .25em; cursor:pointer; line-height:1; box-sizing:border-box}
.label_st input{zoom: 1.5; margin-bottom:auto; cursor:pointer}
.label_st input:checked{accent-color:#0060ae}
.label_st input:checked ~ .tt{color:#0060ae}

.label_st.s1{ font-size:1.25em; font-weight:500}
.label_st.s1 input{ zoom:2}

.label_st.st1{ position:relative; padding:1.5em 1em; text-align:center}
.label_st.st1.p1{ padding:1em}
.label_st.st1 .bg{ position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; border:1px solid #ddd; border-radius:.5em; z-index:-1}
.label_st.st1 .tt.s1{ font-size:.938em; opacity:.8}
.label_st.st1 input:checked{ accent-color:#fff}
.label_st.st1 input:checked ~ .bg{ background:#0060ae}
.label_st.st1 input:checked ~ .tt{ color:#fff}


@media screen and (max-width:900px){
}
@media screen and (max-width:480px){
}