@charset "utf-8";/* CSS Document */
:root {--headerH : 5em;--siteC :#005cb2; } 

.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.s3 { display:block; height:0; padding-bottom:110%; 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 } 
.resultBox { padding: .5em 1em; background: #2E3193; color: #fff; } 

.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; }
label.label_st {
    pointer-events: auto;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

input[type="checkbox"] {
    visibility: visible;
    opacity: 1;
    width: auto;
    height: auto;
} 
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.c9 { background: #003876; border-color:#003876; color:#fff } 
.input_st.c9.re { background:none; border-color:rgba(255, 255, 255, 0.5); color:#fff } 

.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:3em } 
.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) { } 
