@charset "utf-8";

@import url("setting.css");

a{ color:#ff6550; text-decoration:none; transition:0.2s all;}
a:hover{ color:#f60; text-decoration: none;}
a:focus{ text-decoration: none;}

main{ background: #fff; }

.container{ max-width: 1240px; padding: 0 20px; /* overflow: hidden; */ }
.container.w100{ max-width: 100%; }
.container.w2{ max-width: 1400px; }
.container.w3{ max-width: 951px; }
.container.w3{ max-width: 728px; }
.container.w4{ max-width: 546px; }

/*** HEADER ***/
/*** /HEADER ***/

/*** CNT ***/
header .dk{ display: block; }
header .mb{ display: none; }

section{ padding: 80px 0; }
section:nth-child(2n){ background: #f9f9f9; }
section h2{ margin-bottom: 30px; text-align: center; }

.box{ margin: 12px 0; padding: 10px 10px 12px 10px; background: #fff; border: 1px solid #ccc; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: center; }
.box i{ margin-right: 8px; color: #ccc; }
.box img{ width: 100%; height: auto; }
a .box{ color: #333; transition:0.2s all; }
a:hover .box{ box-shadow: 0 0 10px rgba(0, 0, 0, .25); }

.box.style1{ padding: 0; }
.boxstyle1 a:hover .box.style1{ box-shadow: 0 0 15px rgba(0, 0, 0, .75); }
.t_name{ margin: 0; padding: 0; font-size: 1.25em; line-height: 1.325em; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
a .t_name{ color: #333; transition:0.2s all; }
a:hover .t_name{ color: #ff6550; }

.box.pdf{ max-width: 382px; margin: 0 auto; }
/*** /CNT ***/

/*** FLOAT ***/
.float{ position: fixed; right: 20px; bottom: 20px; }
.float li{ line-height: 1.25em; border-radius: 50%; text-align: center; }
.float li:nth-child(1){ background: #79a36d; }
.float li a{ width: 60px; height: 60px; margin: 5px 0; padding: 9px 10px 9px 10px; color: #fff; display: block; }
/*** FLOAT ***/

/*** PAGINATION ***/
.pagination_wrap{ width: 100%; text-align: center; }
.pagination{ margin-top: 50px; }
.pagination .page-item, .pagination .page-item a{ margin: 0 1px; border-radius: 0 !important; }
.pagination a{ color: #666; }
.pagination a:hover{ color: #fff; background: #f60; }
.pagination .active .page-link{ background: #ff6550; border-color: #dee2e6; }
/*** /PAGINATION ***/

/*** FOOTER ***/
footer{ margin: 0; padding: 45px 0; color: #fff; background: #ff6550; overflow: hidden; }
footer h4{ margin-bottom: 20px; }
footer i{ margin-right: 8px; }
footer p{ line-height: 1.625em; }
footer a{ color: #fff; }
footer a:hover{ color: #fff; text-decoration: underline; }

.copyright{ padding: 18px 0; color: #ccc; font-size: .75em !important; background: #222; text-align: center !important; }
/*** /FOOTER ***/

/*** BREADCRUMB ***/
nav[aria-label="breadcrumb"]{ padding:8px 0 7px 0; font-size: .875em; color: #999; background: #f9f9f9; border-top: 0px solid #ddd; border-bottom: 1px solid #ddd; }
ol.breadcrumb{ margin: 0; padding: 0;}
.breadcrumb-item:before{ color: #999 !important; }
.breadcrumb-item.active{ color: #ff6550; font-weight: bold; }
ol.breadcrumb a{ color: #999; }
ol.breadcrumb a:hover{ color: #ff6550; }
/*** /BREADCRUMB ***/

/*** CAPTCHA ***/
.captcha_wrap{ float: left; margin-top: 34px; }
/*** /CAPTCHA ***/

/*** BTN ***/
.btn{ border-radius: 0; }
.btn_wrap{ width: 100%; margin:30px 0 0 0; }

.btn
/*** /BTN ***/

/*** COLOR ***/
.color01{ color: #ab7fda; }
.color02{ color: #8c61bc; }
.color03{ color: #f19100; }
.color04{ color: #c00; }
.color05{ color: #999; }
/*** /COLOR ***/

/*** FORM ***/
/*** /FORM ***/

/*** MARGIN PADDING ***/
.mt-0{ margin-top: 0; }
.mt-10{ margin-top: 10px; }
.mt-20{ margin-top: 20px; }
.mt-30{ margin-top: 30px; }
.mt-40{ margin-top: 40px; }
.mt-50{ margin-top: 50px; }

.mb-0{ margin-bottom: 0; }
.mb-10{ margin-bottom: 10px; }
.mb-20{ margin-bottom: 20px; }
.mb-30{ margin-bottom: 30px; }

.pl-0{ padding-left: 0; }
.pr-0{ padding-right: 0; }
/*** /MARGIN PADDING ***/

/*** POPOVER ***/
[data-bs-toggle="popover"]{ cursor: pointer; }
.popover{ padding:5px; border: 5px solid #ccc; border-radius: 10px; }
.popover-arrow{ display: none !important; }
/*** /POPOVER ***/


@media screen and (-webkit-min-device-pixel-ratio:0) { /* Chrome */
}

@media all and (-ms-high-contrast:none){ /* IE 11 */
     *::-ms-backdrop, .label_name{ }
}

@supports (display:-ms-grid) { /* Edge */
}