@charset "utf-8";
/* CSS Document */
.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.ac{ align-content:center; align-items:center; justify-content:center; text-align:center;}
.flex.ah{ align-items:stretch;}
.flex .mgL{ margin-left:auto}
.flex .mgR{ margin-right:auto}
.flex .mgT{ margin-top:auto}

.resize{ display:block; height:0; padding-bottom:66.6666%; position:relative}
.resize .re{ position:absolute; left:0; top:0; width:100%; height:100%}
.resize.s1{ padding-bottom:125%}

.bgfix{background-repeat:no-repeat; background-position:center center; background-size:contain;}
.bgfix.cv {background-size: cover;}

a.link_st > i{ display:inline-block; position:relative; color:#111}
a.link_st > i:not(.xi):after{ content:""; position:absolute; left:0; bottom:.25em; width:100%; height:1px; background:#111}
a.link_st:hover > i{ color:#0b4790}
a.link_st:hover > i:after{ background:#0b4790}

/*board*/
.board_st{ table-layout:fixed; font-size:.938em; margin-bottom:-2px}
.pop .board_st{ border-top-width:1px}
.board_st th,
.board_st td{ padding:1em; border-bottom:1px solid #ddd}
.board_st th{ color:#333}
.board_st td{ color:#666}
.board_st a{ color:#111}

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

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

.board_st.list tr:hover td{ background:#f9f9f9}
.board_st tr:hover td > a > i{ position:relative}
.board_st tr:hover td > a > i:after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#333}

.board_st.st1{ position: relative; padding-right:1px}
.board_st.st1:after{ content:""; position:absolute; right:0; top:0; width:1px; height:100%; background:#fff}
.board_st.st1 td,
.board_st.st1 th{ border:1px solid #ddd; border-left:none; border-top:none; text-align:center; padding:.25em; height:3em; font-weight:500;}
.board_st.st1 th{ background:#85909c; color:#fff; border-color:rgba(255,255,255,.2)}
.board_st.st1 td{ font-size:.938em; color:#333}
.board_st.st1 td.w_hours1{ padding:0}

.hState1:after{ content:"\e9c7"; font-family:xeicon!important; font-size:1.5em; color:#333}
.hState2{ background:#f7f7f7}
td.hState2{ color:#d80000}

.board_st.write{ border-top:1px solid #0b4790}
.board_st.write th,
.board_st.write td{ height:3em; padding:1em 1.5em}
.board_st.write th{ border-right:1px solid #ddd; font-size:1.125em; text-align:left}

.board_st a{ line-height:1.3;}
.board_st a:hover{ text-decoration:underline}

.board_view_top,
.board_view_middle,
.board_view_bottom{}
.board_view_top{ }
.board_view_top .tit{ padding:1.5em; font-weight:500; border-top:2px solid #666; text-align:center; border-bottom:1px dashed #aaa; font-size:1.25em}
.board_view_top .info{border-bottom:1px solid #ddd; font-size:.875em}
.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; font-size:.813em}
.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:0 .2em 0 0; vertical-align: middle}
.board_view_middle{ padding:1em 2em 5em 2em; border-bottom:1px solid #aaa}
.board_view_bottom th .xi{ font-size:1em; margin-right:1em}

.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}

.ess{ font-size:.5em; color:#0b4790; display:inline-block; width:1.5em; margin-top:-.5em}
.xi.ess:before{content:"\ea0f"}

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

.board_gallery{ margin:-1em 0 0 -2em}
.board_gallery > li{ width:25%}
.board_gallery > li > a{ display:block; box-shadow:0 0 1em .063em rgba(0,0,0,.2); margin:2em 0 0 2em}
.board_gallery > li > a .img{ display:block; overflow:hidden}
.board_gallery > li > a .img .re{ transition:.3s}
.board_gallery > li > a .info{ display:block; background:#fff; padding:1.5em}
.board_gallery > li > a .info .tit{ display:block; font-weight:500; color:#222; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; transition:.3s}
.board_gallery > li > a .info .date{ display:block; margin-top:1em; color:#999; font-size:.875em}
.board_gallery > li > a:hover .img .re{ transform:scale(1.1)}
.board_gallery > li > a:hover .info .tit{ color:#0b4790}

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

/**/
.board_search_wrap{ font-size:.875em; margin-bottom:1.5em; display:flex; align-items:center}
.board_search_wrap .left{}
.board_search_wrap .right{ margin-left:auto; display:flex}
.board_search_wrap .right .input_st[type=text]{ flex:1 1 auto; width:14em; margin:0 .125em}
.board_search_wrap button{ padding:0 1.5em}
.board_search_wrap .total .icon{ width:2.5em; line-height:2.5em; text-align:center; border-radius:50%; box-shadow:0 0 3px 1px rgba(0,0,0,.2); margin-right:.5em; color:#333}
.board_search_wrap .total .icon:before{ content:"\e9cf"; font-family:xeicon!important; font-size:1.25em}
.board_search_wrap .total .t1{ color:#666}
.board_search_wrap .total .t2{ color:#333; font-weight:700; font-size:1.25em; margin-left:.25em}

/**/
.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{ margin-top:3em; text-align:center}
.board_btn_wrap .list{ margin:-1em 0 0 -1em}
.board_btn_wrap .list > li button{ margin:1em 0 0 1em}
.pop .board_btn_wrap{ margin-top:1.5em; font-size:.813em}

/**/
.board_memo{ background:#333; color:#fff; padding:1em 2em; border-radius:.5em; overflow:hidden; box-shadow:1px 1px 1em rgba(0,0,0,.3); margin-bottom:1em; position:relative}
.board_memo:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; opacity:.2;
background-color: #555; background-image: linear-gradient(30deg, #444 12%, transparent 12.5%, transparent 87%, #444 87.5%, #444), linear-gradient(150deg, #444 12%, transparent 12.5%, transparent 87%, #444 87.5%, #444), linear-gradient(30deg, #444 12%, transparent 12.5%, transparent 87%, #444 87.5%, #444), linear-gradient(150deg, #444 12%, transparent 12.5%, transparent 87%, #444 87.5%, #444), linear-gradient(60deg, #888 25%, transparent 25.5%, transparent 75%, #888 75%, #888), linear-gradient(60deg, #888 25%, transparent 25.5%, transparent 75%, #888 75%, #888);background-position: 0 0, 0 0, 15px 30px, 15px 30px, 0 0, 15px 30px; background-size: 30px 60px;}
.board_memo .t1{ font-weight:500; font-size:.938em; position:relative}
.board_memo .icon:before{ content:"\e9a7"; font-family:xeicon!important; margin-right:.25em; font-size:1.25em}

/**/
.label_wrap{ }
.label_wrap > li{ flex:0 1 25%; margin:.5em 0; box-sizing:border-box}
.label_wrap.stw_2 > li{ flex:0 1 50%;}
.label_wrap.stw_16 > li{ flex:0 1 16.66%;}

.board_st.write .label_st{ margin-right:2em}
.board_st.write .label_st:last-child{ margin-right:0}

.label_st{ display:inline-block; *display:inline; zoom:1; cursor:pointer}
.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.25em; padding-right:.25em}
.label_st:not(.cssbrowser) input ~ span{ color:#666}
.label_st:not(.cssbrowser) input ~ .xi:before{ color:#aaa}
.label_st:not(.cssbrowser) input:checked ~ span{ color:#333}
.label_st:not(.cssbrowser) input:checked ~ .xi:before{ color:#0b4790}
.label_st:not(.cssbrowser) input[type=checkbox] ~ .xi:before{ content:"\e9c6"}
.label_st:not(.cssbrowser) input[type=checkbox]:checked ~ .xi:before{ content:"\e92b"}
.label_st:not(.cssbrowser) input[type=radio] ~ .xi:before{ content:"\e9c6"}
.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:not(.cssbrowser) input ~ .xi.st1{ padding-right:0; padding-left:.125em; font-size:1em}
.label_st:not(.cssbrowser) input ~ .xi.st1:before{ content:"\e929"; opacity:0}
.label_st:not(.cssbrowser) input:checked ~ .xi.st1:before{ content:"\e929"; opacity:1}

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

.label_select{ position:relative; background:#fff; display:inline-block; *display:inline; zoom:1;}
.label_select select{ background:none; padding-right:3em !important; 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:-.5em; 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 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}
textarea.input_st{ padding:1em; width:100%; height:8em; line-height:1.2}
textarea.input_st.h1{ height:20em}

input[type=button]:not([readonly=readonly]).input_st:hover,
input[type=submit]:not([readonly=readonly]).input_st:hover,
button:not([readonly=readonly]).input_st:hover,
a.input_st:hover{ opacity:.7; transition:.3s}

.input_st .xi{ margin:0 .125em}

.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]:not([type=button]),
.input_st[readonly=readonly]:not([type=button]){ cursor:default; background:#f5f5f5; border-color:#ddd !important; 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; font-size:1.063em}
.input_st.s2{ line-height:1em; height:2.5em; padding:.5em 1em; font-size:.938em}
.input_st.s3{ line-height:1em; height:2em; padding:.25em .5em; font-size:.875em}

.input_st.c1{ background:#0b4790; border-color:#0b4790; color:#fff}
.input_st.c1.re{ background:none; border-color:#0b4790; color:#0b4790}
.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:#eb3b4b; border-color:#eb3b4b; color:#222}
.input_st.c4.re{ background:#fff; border-color:#eb3b4b; color:#222}

.input_st.w1{ width:16.25em}
.input_st.w2{ width:7.5em}
.input_st.w3{ width:37em; max-width:100%}
.input_st.w4{ width:20em}
.input_st.w5{ width:9.4em}
.input_st.w6{ width:3em}
.input_st.w7{ width:5em}

.w10{ width:10% !important}
.w15{ width:15% !important}
.w25{ width:25% !important}
.w30{ width:30% !important}
.w35{ width:35% !important}
.w45{ width:45% !important}
.w50{ width:50% !important}
.w65{ width:65% !important}
.w75{ width:75% !important}
.w100{ width:100% !important}

.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_sec.s3{ width:3em; text-align:left;}
.input_sec.s4{ width:4em;}


.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{ margin-top:.5em; opacity:.8}
.input_tt:before{ content:"- "}

.input_calendar{ position:relative; display:inline-block}
.input_calendar .input_st{ padding-left:3.5em; cursor:pointer !important; font-weight:700; color:#222; background:#fff !important}
.input_calendar .input_st:hover,
.input_calendar .input_st:focus{ color:#222; border-color:#333}
.input_calendar .xi{ position:absolute; left:.5em; top:.375em}
.input_calendar .xi:before{content:"\e9a4"; font-size:1.5em; color:#aaa}

/**/
.xi.noimg{ vertical-align:middle; line-height:normal;}
.xi.noimg:before{ content:"\ea4e"; font-size:3em; color:#ccc;}
.xi.noimg:after { content:"No Image"; font-family:'Ms','NotoSans',sans-serif; font-size:.813em; color:#aaa; text-transform:uppercase; display:block;}
.xi.noimg.person:before{ content:"\ea2a";}


/**/
.w_no{ width:4em}
.w_no2{ width:8em}
.w_tit{ width:auto}
.w_name{ width:7em}
.w_date{ width:8em}
.w_date2{ width:14em}
.w_hit{ width:8em}
.w_check{ width:5em}
.w_btn{ width:6em}
.w_state{ width:10em}
.w_state2{ width:15em}
.w_faq{ width:6em}
.w_hours1{ width:auto}
.w_hours2{ width:12%}
.w_hours3{ width:7%}

.w_form_tit{ width:15em}
.w_form_tit2{ width:25em}
.w_form_tit3{ width:5em}
.w_form_tit4{ width:10em}

.w_auto{ width:auto}
.w100{ width:100% !important;}

.w_TypE1 {width:7em;}
.w_TypE2 {width:6em;}
.w_TypE3 {width:7em;}
.w_TypE4 {width:5em;}
.w_TypE5 {width:8em;}
.w_TypE6 {width:20em;}



@media screen and (max-width:900px){
.w_form_tit{ width:10em}
.w_form_tit2{ width:10em}

.input_st{ font-size:1.125em}
.board_search_wrap{ display:block;}
.board_search_wrap .right{ width:100%; display:block; text-align:center;}
.board_gallery{ margin:-1em 0 0 -1em;}
.board_gallery > li > a{ margin:1em 0 0 1em;}

.w_state2{ width:8em;}
.w_date2{ width:12em;}

}

@media screen and (max-width:768px) and (orientation:portrait){
.board_search_wrap{ flex-wrap:wrap}
.board_search_wrap .left,
.board_search_wrap .right{ width:100%}
.board_search_wrap .left{ text-align:right; margin-bottom:1em}

.w_no2{ width:4em}
.w_hit{ display:none;}
.w_faq{ width:4em;}
.w_form_tit{ width:8em}
.w_hours1{ width: 15%;} 

.input_tt{ display:block; margin-top:1em}
.board_st th, .board_st td,
.board_st.list td{ padding:1em .5em;}

.board_gallery > li{ width:33.33%;}
.board_gallery > li > a .info{ padding:.7em;}

.board_st.faq .faq_tit{ font-size:1.8em;}
.input_row .input_sec.s3{ width:auto;}
.input_row .input_st.w10{ width:60px !important;}

.table_scroll{ width: 100%; overflow-X: auto;}
.table{ min-width: 1200px;}
}

@media screen and (max-width:650px){
.w_date2{ width:9em;}
.input_st.s1{ font-size:1em;}
}


@media screen and (max-width:500px){
.board_gallery > li{ width:50%;}
.label_select select{ padding-right:2em !important}
.label_select:after{ width:2em;}
.board_search_wrap button{ padding:0 1em;}
.board_search_wrap .right .input_st[type=text]{width:12em;}

.w_name{ display:none;}
.w_date{ width:7em;}
.w_no{ width:3em;}
.w_btn{ width:4em;}
.w_faq{ width:2.5em;}
.w_date2{ width:6em;}
.w_date2.st2{ width:5em;}
.w_state2{width:6em;}
.input_st.w1{ width:10em;}
.input_st.w2{ width:4.5em;}
.w45{ width:44% !important}

.board_st.faq .faq_tit{ font-size:1.25em;}
.board_st.faq .BStit .w_tit{ font-size:1em;}

.board_st{ font-size:.813em;}
.board_st.write th, .board_st.write td{ padding:.7em .5em;}
.board_st.st1.st2 td, .board_st.st1.st2 th{ padding:.7em .5em;  word-break:break-all;}
.reserv .board_st{ font-size:.813em;}
.board_st.write th{ font-size:1em;}
.input_st.s2{ padding:.5em;}
}


@media screen and (max-width:420px){
.input_st{ font-size:.938em;}
.board_search_wrap .right .input_st[type=text]{width:11em;}
}
@media screen and (max-width:380px){

}