@charset "utf-8";
/*
CSS Document 
allisxen@gmail.com
*/
@import url(gnufix.css);
@import url(/css/splash.css);
@import url(data-theme-dark.css);
@import url('//cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable.css');
@import url('//fonts.googleapis.com/css2?family=Montserrat:wght@100;400;700;900&display=swap');
@import url('//fonts.googleapis.com/css2?family=Roboto:wght@100;400;500;700&display=swap');
:root {
--bs-body-color:#212529;
--bs-body-font-family:Roboto,'Noto Sans KR';/*'Pretendard Variable';*/
--bs-body-font-weight:400;

--main-color:#19336C;
--sub-color:#c96c5a;
--alt-color:#f00;

--main-lighter:#475B89;
--main-darker:#000;
--main-contrast:#3e29fe;

--dominant-color:#000;
--heading-color:#000;
--heading2-color:#3a3e4b;
--heading3-color:#474e60;
--heading4-color:#536685;

--primary-color:#536685;
--primaryhover-color:#2e5aa1;

--bs-gray-100: #F5F5F5;
--bs-gray-200: #EEEEEE;
--bs-gray-300: #E0E0E0;
--bs-gray-400: #BDBDBD;
--bs-gray-500: #9E9E9E;
--bs-gray-600: #757575;
--bs-gray-700: #616161;
--bs-gray-800: #424242;
--bs-gray-900: #212121;

--bs-danger-bg-subtle:#fff2f3;
--bs-danger-border-subtle:#ffd8db;

--slick-arrows-color:#fff;
--slick-dots-border-color:var(--bs-border-color);
--slick-dots-active-color:var(--main-color);
--slick-dots-radius:50%;
--slick-dots-width:1rem;
--slick-dots-height:1rem;
--slick-dots-gap:.5rem;
}
.table-dark{--bs-table-bg :var(--main-color);}

@media (prefers-color-scheme: light) {
 }
@media (prefers-color-scheme: dark) {
 }

body,p{word-break:normal/*keep-all*/;}
body,h1, h2, h3, h4, h5, h6,textarea, select{font-family: var(--bs-body-font-family), sans-serif;}
body.modal-open{padding-right: 0px !important;}

input[type="checkbox"]{accent-color: var(--main-color);}
.form-check-input:checked{background-color:var(--main-color);}

a{color:#0070c0; text-decoration:none;} 
a:hover{ color:#DC143C;} 
:focus {outline:0;box-shadow:none!important;}
input.form-control::placeholder {color:hsl(0,0%,80%);}

optgroup{font-style:normal;}
address{ margin-bottom:0; font-style:normal;}
caption{caption-side: unset; color:inherit;}

ul{padding:0;}

.fa{ font-family:FontAwesome,"Font Awesome 6 Free";}

@media (prefers-reduced-motion: reduce){
.fade {transition: opacity .15s linear;}
}
.btn-primary{ background-color:var(--primary-color); border-color:var(--primary-color);}
.btn-primary:hover{ background-color:var(--primaryhover-color); border-color:var(--primaryhover-color);}
/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */
/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */
.navbar-brand{ display:block;}
.nav-top-sub{ background:rgba(0,0,0,.5); font-size:0.875em}
.nav-top-sub .col{ display:flex;align-items:flex-end;justify-content:flex-end; }
.nav-top-sub ul{ margin-bottom:5px}
.nav-top-sub li{ display:inline-block; margin-left:12px;}
.nav-top-sub a{ color:rgba(255,255,255,.8);}
.nav-top-sub a.admin-link{ color:#fff; padding:2px 6px; height:2em; line-height:1.5em}
.nav-top-g h1{ margin-bottom:0; line-height:1}
.nav-top-g h1 .navbar-brand{display:block;}
#nav-top{justify-content:end; flex-grow:0; margin-left:auto;}
.breadcrumb-item + .breadcrumb-item::before{ content:"\003e";transform:scaleX(0.6); color:#CCC;}
.dropdown-item.active, .dropdown-item:active{ background:rgba(0,0,0,.5);}

.sidebar-mask {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1010;
}
.show+.sidebar-mask {
  display: block;
}

#splash .slick-dots :not(.slick-active) button{ background:var(--bs-gray-400);}
#splash { margin-bottom:3rem;}
#splash .slick-slide > img{ max-width:100%; width:100%;}
#splash .splash-slogan{left:50%;transform: translate(-50%,0); background:rgba(25, 51, 108, 0.4); color:#fff; text-align:center; padding:1rem;}
#splash .splash-slogan p{ font-size:.6em;}

.con-container :where(h1,h2,h3){ font-size:2em; color:var(--heading-color); font-weight:700; letter-spacing:-.5px; position:relative; padding:0 0 .5em 0; margin-top:6rem; margin-bottom:2rem;}
.con-container :is(h1:first-of-type,h2:first-of-type,h3:first-of-type,h4:first-of-type,) {margin-top:0;}
.con-container h1 strong{ color:#000; font-weight:900; }
.con-container h1:before,
.con-container h2:before,
.con-container h3:before{ content:' '; position:absolute; bottom:0; left:0; width:54px; height:2px; background:#969696;}

.con-container h2{ font-size:1.8em; color:var(--heading2-color); margin-bottom:1rem; letter-spacing:-2px}
.con-container h2:before{ background:var(--heading2-color); opacity:.6; width:50px; height:3px;bottom:-6px;}
.con-container h2.center{ text-align:center;}
.con-container h2.center:before{left:50%; transform: translate(-50%,0);}

.con-container h3{ color:var(--heading3-color); font-size:1.429em; padding:0 0 0 10px; margin-top:3rem; margin-bottom:1.5rem;}
.con-container h3:before{ background:var(--heading3-color); width:4px; height:auto; bottom:.15em; top:.2em;}

.con-container h4{ color:var(--heading4-color); font-size:1.286em; margin-top:2rem;margin-bottom:1rem;}
.con-container h4:before{ content:'-'; color:var(--heading4-color); font-size:1.143em; margin-right:5px; display:inline-block;}

ul.list{ padding:0;margin-bottom:0;}
ol.list{padding-left:26px;}
ol.list{ list-style-position: inside; }
ul.list li{list-style:none; position:relative; padding-left:12px;margin-bottom:8px;}
ul.list li:last-child{ margin-bottom:0;}
ul.list li:before { position:absolute; left:0; top:1px;content: "\2022"; color:#777; }
.list li ul{ margin:10px 0 0 20px;}
ol.list>li{counter-increment: list;list-style-type: none;position: relative; margin-bottom:8px;}
ol.list>li:before {color: #e75204;content: counter(list) ".";left:-32px;position: absolute;text-align: right;width: 26px;}

.definition-group dl{margin-bottom:0;}
.definition-group dl>div{display: flex; align-items: flex-start;flex-wrap: wrap; --dt-width:120px;}
.definition-group dt{ width:var(--dt-width); font-weight:inherit;}
.definition-group dd{ width:calc(100% - var(--dt-width));}
.definition-group dt:after {content: ": ";}

#site-footer{ background:hsl(0, 0%, 25%); padding:2rem 0; margin-top:4rem; }
#site-footer .logo-alt{filter: grayscale(1) invert(1);mix-blend-mode: exclusion;opacity: .6;transform: scale(.7);transform-origin: top left;}
#site-footer address,
#site-footer p{ margin-bottom:0;}
#site-footer,#site-footer a{color:#fff;}

.product-items.slick-slider {overflow: visible;}
.product-items .slick-slide {margin: 0 1.5rem;}
.product-items .slick-list {margin: 0 -1.5rem;}

.product-items.slider .slick-arrow{ top:100%;}
.product-items.slider .slick-prev{ left:50%;transform: translate(-120%,-30%);}
.product-items.slider .slick-next{ right:50%;transform: translate(120%,-30%);}

.link-arrow{ display:inline-flex;align-items: center;flex-basis: auto; background:var(--main-color); color:#fff; border-radius:.25em; padding:.25em 1em;}
.link-arrow:hover{ color:gold;}
.link-arrow .txt{ margin-right:10px;}  
.link-arrow .arrow { display: block; width: 38px; height: 38px; background:#fff; border: 1px solid var(--main-color); border-radius: 50%; position: relative; }
.link-arrow .arrow::before,.link-arrow .arrow::after{position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle; }
.link-arrow .arrow::before {left: 15px; width: 5px; height: 5px; border-top: 2px solid #3b3b3b; border-right: 2px solid #3b3b3b; transform: rotate(45deg);}
.link-arrow:hover .arrow{ background:#fff; border-color:#fff }
.link-arrow:hover .arrow::before {border-color:var(--main-color);}

/*
█▄▄ █▀█ ▄▀█ █▀█ █▀▄
█▄█ █▄█ █▀█ █▀▄ █▄▀
*/
.ck.ck-editor__editable { min-height: 200px; }
#bo_v_con div{ position:relative;}
#bo_v_con iframe { position: absolute; width: 100%; height: 100%; }

#addr1{margin-left:0;border-top-left-radius: .25rem;border-bottom-left-radius: .25rem;}
#addr1:focus + label{ display:none!important;}
#bo_list .td_name{ width:120px; text-align:center}
#bo_list .td_num{ width:60px;}
#bo_list .td_datetime{  width:1%; white-space: nowrap; font-size:.9em;}
#bo_w{max-width: 960px;margin: 0 auto;}
.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input{padding: .375rem .75rem;}
.write_div{ position:relative;}
._write_div input:valid + label.sound_only,
write_div input:not(:placeholder-shown) + label.sound_only,
.write_div input:focus + label.sound_only,
.write_div textarea:not(:placeholder-shown) + label.sound_only,
.write_div textarea:focus + label.sound_only{ display:block; position:absolute;top:-6px; left:8px; width:auto; height:1.1em; line-height:1; font-size:.92em; padding:0 3px!important; background:#fff; color:#999;}
label.sound_only strong{ display:none;}
.bo_w_info.write_div input:focus + label.sound_only{ display:none!important;}
.bo_v_nb{ display:none;}
.bo_notice td{ background:rgba(0,0,0,.06)!important;}
.bo_notice .notice_icon{color:crimson;}
#bo_list .bo_tit .fa-lock{ border:0 none; background:none;}
#bo_list .bo_tit .new_icon{ background:#1E90FF; width:auto; height:auto; line-height:normal; padding:1px 4px 2px; font-size:10px; color:#fff;}
#bo_list .bo_tit .fa-download{ font-size:10px; height:auto; width:auto; padding:5px 4px 3px; line-height:normal}
#bo_list .bo_tit .fa-link{ background:none; color:#4285f4; font-size:.6em;}
#bo_v_title .bo_v_tit{ font-size:1.25em;}
#bo_gall #bo_list_total,
#bo_gall .btn_bo_user,
#bo_gall .btn_bo_user li{ float:none;}
#bo_gall #bo_btn_top{display: flex;justify-content: space-between;}
#bo_gall .btn_bo_user{display: flex;margin-left: auto;}

.check-each{ position:absolute; right:10px; top:10px; z-index:900;}
.row.gallery .card{ height:100%;}
.row.gallery .card-body{padding:1rem;}
.row.gallery .card-img,.row.gallery .card-img-bottom,.row.gallery .card-img-top{max-width:100%; height:auto;}
.row.gallery .card-title{ font-size:1em; margin-top:0;}
.row.gallery .card-title a{ color:#333;text-decoration:none;}
.row.gallery .card-title a:hover{ color:#d95502;}
.row.gallery .card-text{ font-size:.91em; color:#777;}
.row.gallery .card .no-image{ width:100%; position:relative; background:rgba(0,0,0,.1); }
.row.gallery .card .no-image span{ display:block; width:100%; position:absolute; top:50%; transform: translateY(-50%); text-align:center; text-transform:uppercase; color:#aaa; font-size:.8em}
.row.gallery .category{ display:none;}
.row.gallery .card-footer{ font-size:.8em; color:#777; display:flex; align-items: center;flex-wrap: wrap;}
.row.gallery .sv_member{ color:#626262; margin-right:1em;}
.row.gallery .sv_member:before,
.row.gallery .date:before {margin-right:.3em;font-family:FontAwesome, "Font Awesome 5 Free";}
.row.gallery .sv_member:before{ content: "\f007";}
.row.gallery .date:before{ content:"\f017";}
.row.gallery .hits{ margin-left:auto;}

.no-image{ width:100%; position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center; background:rgba(0,0,0,.07); }
.no-image span{ color:rgba(0,0,0,.5);position:absolute; text-align:center; top:50%;transform: translate(0,-50%); text-transform:uppercase}
.no-image span:before { display:block; font-size:1.4em; content: "\f03e";font-family:FontAwesome;}

.list-btn{ text-align:center;}
.list-btn .btn{ border:1px solid hsl(0, 0%, 50%); border-radius:0; padding-left:2rem; padding-right:2rem;}

#fwrite #wr_content{ height:360px;}
#bo_cate #bo_cate_on{ background:var(--main-color); border-color:var(--main-color); box-shadow:none}
#bo_cate a{font-size:.938em; line-height:1.5;  border-color:var(--main-color); color:var(--main-color);}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active{ background:var(--main-color);}

#bd_request #bo_w{ max-width:100%;}
#bd_request .bo_w_tit{ display:none;}
#bd_request #bo_w label{font-weight:500; display:inline-block;background-image:none;}
#bd_request #bo_w label.required:after{ content:"*";color:red;}
#bd_request #bo_w .form-control{ border:0 none; border-bottom:1px solid #dedede; padding: .75rem 0; border-radius:0;}
#bd_request #bo_w #wr_password,#bd_request #bo_w #wr_homepage{ margin-left:0;}
#bd_request #bo_w .form-control:focus{outline-color: transparent;outline-style: none; border:0 none!important; border-bottom:2px solid #222!important;}
#bd_request .agree{ margin-top:2.5rem; padding-top:1em;border-top: 1px solid rgba(0,0,0,.125);}
#bd_request .agree p{ margin-bottom:.2rem;}
#bd_request .agree .form-check{ margin-top:1em;}
#bd_request #captcha{ margin-top:1rem;}

#bo_cate #bo_cate_on{ background:var(--main-color);box-shadow:none; border-color:var(--main-color);}
/* FAQ */
#faq_sch legend{ display:none;}
#faq_sch .btn_submit{ font-size:1em; width:auto;}
#faq_con h3{ font-size:1em; margin-bottom:0;}
#faq_con h3:before{ display:none;}
#faq_con h3 a{ text-decoration:none; color:var(--bs-gray-600);}
#faq_con h3 p{ margin-bottom:0;}
#faq_wrap li h3 .tit_bg{ font-family:Anton; color:rgba(0,0,0,.6);}
#faq_wrap li h3.faq_li_open .tit_bg{ color:#0070c0;}
/* 검색 결과 강조 reset */
.sch_word{color:inherit;background: none;padding:0;line-height:inherit;margin:0;}

.products-img img{ display:block; margin:0 auto; max-width:100%;min-width: 262px;}
.products-info h2{ font-size:1.5em;}

.mb_log_cate .join{ display:none;}
#login_fs{ padding:20px;}
.mb_log_cate h2{ font-size:1.5rem; text-align:left; padding-left:20px; float:none; width:auto;}

/* } board
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
*/
.ui-datepicker { font-size:.9em;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year{font-family: sans-serif;}

.definition-group { border-top: 1px dashed rgba(0,0,0,0.25);}
.definition-group dl{ margin-bottom:0;}
.definition-group dl>div { padding: 1em; margin: 0px; background: transparent; border-bottom: 1px dashed rgba(0,0,0,0.25); display:flex; position:relative;}
.definition-group dt:after{position: absolute;
    content: '';
    width: 1px;
    height: calc(100% - 20px);
    background-color: rgba(0,0,0,0.15);
    top: 50%;
    right: 10px;
    transform: translateY(-50%);}
.definition-group dt {  flex-basis: 120px; flex-shrink: 0;text-align:end; padding-right:2em; position:relative; color:var(--main-lighter);}
.definition-group dd { color: #555; margin-bottom:0; }

#bd_products .card-img-top{max-width: 76%;margin: 1rem auto;display: block;}
#bd_products .card-footer{ display:none;}
/*
#con #######################################################################
█▀▀ █▀█ █▄░█
█▄▄ █▄█ █░▀█
*/
#site-header .nav-link {--bs-nav-link-font-size: 1.14em;}
.navbar-nav{--bs-navbar-nav-link-padding-x:1.5rem}

#sitemenu .offcanvas{--bs-offcanvas-width:260px;--bs-offcanvas-padding-x:0;}
#sitemenu .offcanvas-header{ padding:1.5em 1em;}

.mainpage .con-container section{ margin-bottom:8rem;}

.mainpage .con-container h2{font-size:3.375em; color:var(--main-color); padding-bottom:0;}
.mainpage .con-container h2 small{ font-size:.28em; color:var(--bs-gray-600); margin-left:.75em; font-weight:400;letter-spacing: normal;}
.mainpage .con-container h2::before{ display:none;}
.mainpage .con-container h2 .sub-title a{ display:flex;justify-content: space-between; margin-left:0; background:var(--main-color); color:#fff; padding:.4em .6em; }

.latest li{border:1px solid var(--bs-border-color); padding:1em; height:100%;}
.latest .date{ display:block;font-size:.875em;color:var(--bs-gray-600);}
.latest a p{font-size:.938em; color:var(--bs-gray-800); margin-top:1em;}

.header-page{ text-align:center; background-color:#777; padding:6rem 0 1rem; margin-bottom:6rem;background-size:cover;position:relative;}
.header-page::before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0; background-image:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,.1) 50%,rgba(0,0,0,0.65) 100%);}
.header-page .container{ position:relative;}

.header-page{background-image:url(../img/bg-header-page.jpg); } 
.gr-foo .header-page{background-image:url(../img/bg-header-page-foo.jpg); } 

.header-page h1{ margin:0 0 4rem; color:#fff; text-shadow:1px 2px 4px rgba(0, 0, 0, 1); position:relative; font-size:2.2em;animation: fadein .8s;z-index:2}
.header-page h1 span{border-bottom:4px solid rgba(255,255,255,.6);}
.header-page h1:after{ content:attr(data-subheading); display:block; margin-top:1.5rem; font-size:.4em; font-weight:normal; color:rgba(255,255,255,.7)}

.header-page .lnb,
.header-page .lnb a{ color:#fff;font-size:.875em;}


@media (max-width: 767.98px) {
.header-page{ padding:2rem 0 1rem;margin-bottom: 3rem;}
.header-page h1{ margin-bottom:2rem;}
}


#notice{
--hex-text:#fff;
/*--hex-bg:hsl(0,0%,55%);*/
--hex-bg:var(--main-color);
}
.hex {
  width: 80%;
  height: auto;
  aspect-ratio: 19/11;
  margin:25% auto;
   position: relative;
   background:var(--hex-bg);
}
.hex .con {
  display: block; padding:0 1.4em;font-size:1.25em;
  white-space: normal;
  z-index: 20;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  color: var(--hex-text);
  text-align:center;
  line-height:1em;
}
.hex .ico{width: 60px;
  display: block;
  margin: .4em auto;
  filter: brightness(0) invert(1);}
@media (min-width: 992px) and (max-width: 1400.98px) {
.hex .con {font-size:.9em;}
}
.hex-1, .hex-2 {
  position: absolute;
  display: block;
  background: inherit;
  overflow: hidden;
  width: 100%;
  height: 100%;
  z-index: -2;
  top: 0;
  right: 0;
  -webkit-backface-visibility: hidden;
}

.hex-1 {
 z-index: -1;
  transform: rotate(60deg);
}

.hex-2 {
  transform: rotate(-60deg);
}

.hex-1:before, .hex-2:before {
 content: '';
  position: absolute;
  background: inherit;
  left: 0;
  height: 220px;
  width: 220px;
}

.hex-1:before{
  transform: rotate(-60deg) translate(-110px, 0);
  transform-origin: 0 0;
}

.hex-2:before{
 bottom: 0;
  transform: rotate(60deg) translate(40px, 40px);
  z-index: -1;
}

.products-category{ background:#b4b4b4; color:#fff; border-radius:.5rem;display: flex;gap:0;}
.products-category .nav-item{ flex:1 0 auto;}
.products-category .nav-link{ width:100%; text-align:center; border-radius:0;color:#eee; border:0 none;}
.products-category .nav-link.active{ color:#fff; background:var(--main-color);}

.polygon-clip-hexagon {clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);}

#business .bx{display: flex;gap: 1em; background:var(--main-lighter); color:#fff; padding:1.25rem; align-items: end;font-size:.875em;}
#business .bx h3{ color:#fff; padding-left:0; margin-bottom:.8em;}
#business .bx h3::before{ display:none;}
#business .bx .con{ flex-basis: 86%;}
#business .bx .btns{ flex-shrink:0;}
#business .bx a{ display:grid; place-items:center; aspect-ratio:1; background:#fff; color:#222; border-radius:50%;padding: 1rem;line-height: 1;}
#business .bx a:hover{filter:invert(100); background:var(--bs-gray-400);}

.year-wrapper{ position:relative;display:flex;flex-direction:column;gap:2rem; }
.year-wrapper.reversed{flex-direction:column-reverse;}
.year-wrapper::before {content:''; position:absolute; top:0; bottom:0; left:41.66666667%; z-index:-1;width:1px; background:var(--bs-gray-300);}
.history{position:relative; padding-left:2rem; margin-bottom:3rem;}
.history:before{ content:''; position:absolute; left:0; top:0; width:20px; height:20px; border:4px solid var(--main-color); background:#fff;transform: translate(-100%, 0);}
.history li{ margin-bottom:.6em;}
.history .date{ font-size:1.14em; font-weight:500; display:block; color:var(--text-light);}

.title-year{font-size:1.375em; text-align:end; transform: translate(0, -.5em); margin-right:1em; color:var(--main-lighter);}
.title-year span:first-child{ padding:.1em .5em; padding-left:1em;background:var(--main-color); color:#fff;font-size:1.1em;
clip-path: polygon(0 1em,.7em 0,100% 0,100% 100%,0 100%); font-family:Montserrat, sans-serif;
}

.slogan{font-size:1.5em;color:var(--main-color); text-align:center;}

.main-service [class^='col-'] { padding-bottom:20px;}
.main-service h3{ position:relative; margin-bottom:40px}
.main-service h3::after{ content:' '; position:absolute; left:0; bottom:-20px; width:50px; height:1px; background:#3554ae;}
.main-service p{ color:#777; font-size:.96em; line-height:1.5; margin-bottom:25px;min-height:5rem}
.main-service a{ border:1px solid #aaa; color:#727272; padding:10px 30px; color:#222; font-family:Raleway; font-size:.86em; font-weight:bold; text-decoration:none;}
.main-service a:hover{ color:#FFFFFF; background:#013272;}

.zoom{ overflow:hidden;}
.zoom img{transition: all .5s;}
.zoom:hover img,
.main-service .col:hover .zoom img{transform: scale(1.2); transform-origin: center;}

.technic-process .card-img-top{aspect-ratio: 10/15;}
.technic-process .card-body{font-size:1.125em;transform: translate(0, -3rem);margin-bottom: -3rem;}
.technic-process .card-title{ font-size:1.4em; padding:.625em; margin-bottom:1em; background:var(--main-color); color:#fff; border-radius:3rem; text-align:center;}

.icon-card .card-icon,
.icon-card .card-title{ text-align:center; margin-top:2rem; }
.icon-card .card-body{text-align:left; border-top:1px solid rgba(0,0,0,.125); background:rgba(0,0,0,.05);}
.icon-card .card{ height:100%;}
.icon-card .card-title{ margin:1em 0 1.5em;}
.icon-card .fa-stack-2x{ color:var(--main-lighter);}
/* 
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
*/
/* safari iOS */
_::-webkit-full-page-media,
_:future,
:root .hoge {
  color: red;
}
 
/* firefox */
_:lang(x)::-moz-placeholder,
.hoge {
  color: blue;
}
 
/* edge chrome */
_:lang(x)::-internal-media-controls-overlay-cast-button,
.hoge {
  color: green;
}
/*
#rwd #######################################################################
█▀█ █░█░█ █▀▄
█▀▄ ▀▄▀▄▀ █▄▀
*/
@media (min-width: 576px) {
/*sm~ */
}
@media (min-width: 768px) {
/*md~*/
}
@media (min-width: 992px) {
/*lg~*/
#sitemenu .dropdown-menu{  display:block; left:50%; opacity: 0;  visibility: hidden; transition:.3s; margin-top:0;border-top: 0 none;box-shadow: 0 7px 8px rgba(0, 0, 0, .175);border-radius:0 0 .25rem .25rem; transform: rotateX(-75deg) translateX(-50%);transform-origin: 0% 0%; }
#sitemenu .nav-item:hover .dropdown-menu{ transition: .3s; opacity:1; visibility:visible; transform: rotateX(0deg) translateX(-50%); }
#sitemenu .dropdown-item{border-top:1px solid #e5e5e5; padding:10px 8px; font-size:.9em}
#sitemenu .dropdown-menu li:first-child .dropdown-item{ border-top:0 none;}

}
@media (min-width: 1200px) {}


@media (max-width: 1199.98px) {}
@media (max-width: 991.98px) {
/* ~md */
#sitemenu .navbar-nav .nav-link{ color:#212121; display:block; position:relative; padding:1em; border-top:1px solid #dedede; font-weight:500}
#sitemenu .dropdown-menu{ border:0 none;}
#sitemenu .dropdown-toggle::after {position: absolute;right: 1em;top: 45%;}
}
@media (max-width: 767.98px) {
/* ~sm */
html{font-size:14px;}
.tbl_head01 thead th{ padding-top:5px; padding-bottom:5px;}
.bo_cate_link,
.bo_tit_sub .name,
.bo_tit_sub .date{ font-size:.9em; display:block;float: none;width: fit-content;}
}
@media (max-width: 575.98px) {}



@media (min-width: 576px) and (max-width: 767.98px) {}
@media (min-width: 768px) and (max-width: 991.98px) {}
@media (min-width: 992px) and (max-width: 1199.98px) {}
@media (min-width: 1200px) {}