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

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
 --bs-body-font-family:'Montserrat', 'Noto Sans KR', Dotum, Sans-serif;
 --bs-body-font-size:1rem;
 --bs-body-font-weight:400;
 --bs-body-line-height:1.5;
 --bs-body-color:#000000;

 --bs-primary:#20a8e8;
 --bs-secondary: #08356c;
 --bs-success: #24a148;
 --bs-info: #17a2b8;
 --bs-warning: #ffc107;
 --bs-danger: #ff5938;
 --bs-light: #f5f5f5;
 --bs-dark: #000000;

 --bs-blue: #0d6efd;
 --bs-indigo: #6610f2;
 --bs-purple: #6f42c1;
 --bs-pink: #d63384;
 --bs-red: #dc3545;
 --bs-orange: #ff5938;
 --bs-yellow: #ffc107;
 --bs-green: #198754;
 --bs-teal: #20c997;
 --bs-cyan: #0dcaf0;
 --bs-white: #ffffff;
 --bs-gray: #666666;
 --bs-gray-dark: #353535;
 --bs-gray-100: #f8f9fa;
 --bs-gray-200: #e9ecef;
 --bs-gray-300: #dee2e6;
 --bs-gray-400: #D8D8D8;
 --bs-gray-500: #cccccc;
 --bs-gray-600: #9c9c9c;
 --bs-gray-700: #4d4d4d;
 --bs-gray-800: #353535;
 --bs-gray-900: #212529;
 --bs-purple-light:#ebddff;

 --admin-bg-color:#28344e;
 --admin-login-color:#535d71;
 --white-color-light:hsla(0,0%,100%,.3);
 --snb-bg-light-color:hsla(0,0%,0%,.3);
 --info-light-color:#d0ffff;
 --danger-light-color:#ffebea;
 --bs-breadcrumb-divider:'l';
 }
body {font-family:var(--bs-body-font-family); -webkit-font-smoothing: antialiased; color:var(--bs-body-color); font-weight:var(--bs-body-font-weight); font-size:var(--bs-body-font-size); line-height:var(--bs-body-line-height); word-break: keep-all;}

a {text-decoration:none; color:inherit;}
a:hover {color: inherit;}

ul {list-style: none; padding: 0; margin: 0;}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {letter-spacing: -.03rem; color:var(--bs-dark); line-height: 1.2;}

.h1 , h1 {font-weight: 700;}

.h2 , h2 {font-size: 2.5rem; font-weight: 700;}

.h6 , h6 {font-size: 1.125rem; font-weight: 400;}

p {margin: 0; padding: 0; font-weight: 400;}

.rounded-3 {border-radius: 0.5rem !important;}

.blind {font-size: 0;}

#Board .h2 {font-size: 2rem;}
@media(max-width:767px) {
    h2, .h2 {font-size: calc(1.375rem + 1.5vw);}
    #Board .h2 {font-size: calc(1.125rem + 1.5vw);}
}

/* 부드럽게 스크롤링 되는 속성 */
/* html {scroll-behavior: smooth;} */

/* z-index */
.z-500 {z-index:500;}

/* Font weight */
.fw-100 {font-weight:100;}
.fw-200 {font-weight:200;}
.fw-300 {font-weight:300;}
.fw-400 {font-weight:400;}
.fw-500 {font-weight:500;}
.fw-600 {font-weight:600;}
.fw-700 {font-weight:700;}
.fw-800 {font-weight:800;}
.fw-900 {font-weight:900;}

/* font color */
.text-darkgray {color:var(--bs-gray-dark);}
.text-primary {color: var(--bs-primary) !important;}
.text-white {color: var(--bs-white);}
.text-secondary {color: var(--bs-secondary)!important;}
.text-gray {color: var(--bs-gray-600);}

/* border color */
.border-orange {border-color:var(--bs-orange) !important;}
.border-gray {border-color:var(--bs-gray) !important;}
.border-white-light {border-color:var(--white-color-light) !important;}
.border-primary {border-color: var(--bs-primary) !important;}

/* border line */
.border-end-lg {border-right:1px solid #e2e5f1 !important;}

/* Text Link color */
.btn-orange-link {border-bottom: 2px solid var(--bs-orange); color: var(--bs-orange); font-weight: 600; text-decoration: none;}
.btn-orange-link:hover {border-bottom: 2px solid var(--bs-orange); color: var(--bs-orange); font-weight: 600; text-decoration: none;}

/* btn style */
.btn-c-r {display:inline-block; font-weight:500; line-height:1.5; text-align:center; white-space:nowrap; vertical-align:middle; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; user-select:none; background-color:transparent; border: 1px solid transparent; padding:0.5625rem 1.25rem; font-size:1rem; border-radius:0.75rem;}

/* btn color */
.btn {min-width: 150px; min-height: 50px; border-radius: 0.5rem;}


.btn-primary {background-color:var(--bs-primary); -webkit-box-shadow:0 2px 6px 0 rgba(114,124,245,.5);box-shadow:0 2px 6px 0 rgba(114,124,245,.0); border-color:var(--bs-primary);}
.btn-primary:hover {color:#fff;background-color:var(--bs-primary);border-color:var(--bs-primary);}
.btn-secondary {color: #fff;background-color:var(--bs-secondary);border-color:var(--bs-secondary); box-shadow: 0 2px 6px 0 rgb(108 117 125 / 0%);}
.btn-secondary:hover{color:#fff;background-color:var(--bs-secondary); border-color:var(--bs-secondary);}
.btn-success {color: #fff; background-color:var(--bs-success); border-color:var(--bs-success); box-shadow: 0 2px 6px 0 rgb(10 207 151 / 0%);}
.btn-success:hover {color: #fff; color:#fff;background-color:#5c28a9; border-color:#5c28a9; }
.btn-danger {color: #fff; background-color:var(--bs-danger); border-color:var(--bs-danger); box-shadow: 0 2px 6px 0 rgb(250 92 124 / 0%);}
.btn-danger:hover {color:#fff; background-color:#d94c30;border-color:#d94c30}
.btn-warning {color: #313a46;background-color: #ffbc00;border-color: #ffbc00; box-shadow: 0 2px 6px 0 rgb(255 188 0 / 0%);}
.btn-warning:hover {color:#313a46;background-color:#ffc626;border-color:#ffc31a}
.btn-info {color: #fff;background-color: #39afd1;border-color: #39afd1; box-shadow: 0 2px 6px 0 rgb(57 175 209 / 0%);}
.btn-info:hover{color:#fff;background-color:#3095b2;border-color:#2e8ca7}
.btn-light {color: #313a46;background-color: #eef2f7;border-color: #eef2f7;box-shadow: 0 2px 6px 0 rgb(238 242 247 / 0%);}
.btn-light:hover{color:#313a46;background-color:#f1f4f8;border-color:#f0f3f8}
.btn-link {font-weight: 400;color: #727cf5;text-decoration: none;}

.btn-darkgray {background-color:var(--bs-gray-dark); border-color:var(--bs-gray-dark); color:var(--bs-white);}
.btn-darkgray:hover {background-color:#222222; border-color:#222222; color:var(--bs-white);}
.btn-gray {background-color:var(--bs-gray); border-color:var(--bs-gray); color:var(--bs-white);}
.btn-gray:hover {background-color:#555555; border-color:#555555; color:var(--bs-white);}
.btn-orange {background-color:var(--bs-orange); border-color:var(--bs-orange); color:var(--bs-white);}
.btn-orange:hover {background-color:#d94c30; border-color:#cc472d; color:var(--bs-white);}
.btn-purple {background-color:var(--bs-purple); border-color:var(--bs-purple); color:var(--bs-white);}
.btn-purple:hover {background-color:#58279f; border-color:#522596; color:var(--bs-white);}
.btn-social {border: 1px solid transparent; border-radius: 0.25rem;color: #a8a3b9;display: inline-block;font-size: .875rem;height: 2.25rem;line-height: 2.25rem;padding: 0;text-align: center;transition: border-color .25s ease-in-out,background-color .25s ease-in-out,color .25s ease-in-out;width: 2.25rem;}
.btn-social:hover{color:#fff}
.btn-social-outline {background-color: transparent; border-color: #ecebf1;}
.btn-social-outline:hover{border-color:transparent}
.btn-facebook:hover{background-color:#3b5998}
.btn-twitter:hover{background-color:#1da1f2}
.btn-instagram:hover{background-color:#5851db}
.btn-google:hover{background-color:#ea4335;border-color:#ea4335;color:#fff}
.btn-github:hover{background-color:#4078c0}
.btn-linkedin:hover{background-color:#0077b5}



/* btn outline */
.btn-outline-primary {color:var(--bs-primary); border-color:var(--bs-primary);}
.btn-outline-primary:hover {color:#fff;background-color:var(--bs-primary);border-color:var(--bs-primary);}
.btn-outline-secondary {color:var(--bs-secondary);border-color:var(--bs-secondary);}
.btn-outline-secondary:hover {color:#fff;background-color:var(--bs-secondary);border-color:var(--bs-secondary);}
.btn-outline-success {color:var(--bs-success);border-color:var(--bs-success);}
.btn-outline-success:hover {color:#fff;background-color:var(--bs-success);border-color:var(--bs-success);}
.btn-outline-info {color:var(--bs-info); border-color:var(--bs-info);}
.btn-outline-info:hover {color:#fff;background-color:var(--bs-info);border-color:var(--bs-info)}
.btn-outline-warning {color:var(--bs-warning);border-color:var(--bs-warning)}
.btn-outline-warning:hover {color:#313a46;background-color:var(--bs-warning);border-color:var(--bs-warning)}
.btn-outline-danger {color:var(--bs-danger);border-color:var(--bs-danger)}
.btn-outline-danger:hover {color:#fff;background-color:var(--bs-danger);border-color:var(--bs-danger);}
.btn-outline-light {color:var(--bs-gray-600);border-color:var(--bs-gray-300)}
.btn-outline-light:hover {color:var(--bs-dark); background-color:var(--bs-light);border-color:var(--bs-light)}
.btn-outline-dark {color:var(--bs-dark);border-color:var(--bs-dark)}
.btn-outline-dark:hover {color:#fff;background-color:var(--bs-dark);border-color:var(--bs-dark)}
.btn-outline-purple {border-color:var(--bs-purple); color:var(--bs-purple);}
.btn-outline-purple:hover {background-color:var(--bs-purple); color:var(--bs-white);}

.btn-leng {border: 1px solid var(--bs-white); color: var(--bs-white);}
.btn-leng:focus {border: 1px solid var(--bs-white); color: var(--bs-white);}

/* btn size */
.btn-sm {border-radius: 0.2rem; font-size: .875rem; padding: 0.48rem 0.945rem;}
.btn:focus {box-shadow:none;}

@media(max-width:1200px) {
    .board-section .btn {min-width: 100px;}   
}


@media(max-width:575px) {

    .board-section .btn {min-width: 60px;}
}


/* radius */
.rounded-1-c {border-radius:0.25rem;}

/* background color */
.bg-primary {background-color:var(--bs-primary);}
.bg-navy {background-color:var(--bs-primary);}
.bg-admin {background-color:var(--admin-bg-color);}
.bg-admin-login {background-color:var(--admin-login-color);}
.bg-lightgray {background-color:var(--bs-light);}
.bg-purple-light {background-color:var(--bs-purple-light);}
.bg-info-light {background-color:var(--info-light-color);}
.bg-danger-light {background-color:var(--danger-light-color);}
.bg-snb-light-soft {background-color:var(--snb-bg-light-color); color:#fff;}


/* background */
/* .bg-cover {background: no-repeat 50%/cover;}
.bg-shape {position:relative;}
.bg-shape:after {background: url(/images/common/curve-shape.svg);  background-position-x: center; background-repeat: no-repeat; background-size: cover; bottom: -15px; content: ""; height: 62px; position: absolute; width: 100%; left:0;}
.bg_dimmed {background-image: linear-gradient(180deg, rgba(30, 24, 53, 0.4) 0%, rgba(30, 24, 53, 0.4) 90.16%); position:absolute; top: 0;left: 0;right: 0;bottom: 0;}
 */
/* img filter */
.grayscale {filter: grayscale(100%); opacity: .5;}

/* img zoom */
.img-zoom {border-radius: 0.25rem; overflow: hidden;}
.img-zoom img {transition: transform .5s ease;}
.img-zoom img:hover {transform:scale(1.1)}

/* icon */
.icon-shape {align-items: center; display: inline-flex; justify-content: center; text-align: center; vertical-align: middle;}
.icon-xl {height: 4.375rem; line-height: 4.375rem; width: 4.375rem;}
.icon-lg {height:3.125rem; line-height:3.125rem; width:3.125rem;}

/* Form */
.form-control:focus {outline:0; box-shadow:none;} /* form 클릭시 나타나는 테두리 박스 쉐도우 */
.form-control-c {padding:0.5625rem 2.25rem 0.5625rem 1.125rem;-moz-padding-start:calc(1.125rem - 3px); border-radius:0.75rem; border-top-right-radius:0; border-bottom-right-radius:0;}
.form-control-c:focus {background-color:transparent; border-color:#ced4da; box-shadow:0 0 0 0 rgba(255, 89, 56, .25); color:#6f6985; outline:0;}

.form-select:focus {outline:0; box-shadow:none;} /* form 클릭시 나타나는 테두리 박스 쉐도우 */
.form-select-c {padding: 0.5625rem 2.25rem 0.5625rem 1.125rem;-moz-padding-start: calc(1.125rem - 3px); border-radius: 0.75rem;}
.form-select-c:focus {background-color:transparent; border-color:#ced4da; box-shadow:0 0 0 0 rgba(255, 89, 56, .25); color:#6f6985; outline:0;}
/* .form-select-c:focus {border-color:transparent; box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.6); outline:0;} */

/* .form-control {color: var(--bs-dark);}
.form-floating>label {color: var(--bs-dark);} */
@media(max-width:767px){
    table thead .md-none {font-size: 0;}
}

.sound-only, .visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
}













/* paging */
.page-link-c {position:relative; padding:.4rem .78rem; background-color:#fff; border-radius:0.5rem; border:1px solid transparent; margin-right:0.15rem; font-size: 1rem; line-height:1.25; font-weight:500; display:block; position:relative; text-decoration:none; transition:color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out}
.page-link-c>i {font-size:1.2em;}
.page-link-c:hover {border-color:transparent; z-index:2;}
.page-link-c:focus, .page-link-c:hover {background-color:transparent; color:#766df4;}
.page-link-c:focus {box-shadow:0 0 0 0 rgba(255, 89, 56, .25); outline:0;z-index:3;}
.page-item-c.active .page-link-c {background-color:transparent; border-color:rgba(118,109,244,.35); color:#766df4; z-index:3}
.page-item-c.disabled .page-link-c {background-color:#fff;border-color:#d5d4d9;color:#6f6985;pointer-events:none}
/* .page-item-c:first-child .page-link-c {border-bottom-left-radius:.25rem;border-top-left-radius:.25rem}
.page-item-c:last-child .page-link-c {border-bottom-right-radius:.25rem;border-top-right-radius:.25rem} */

/* Table */
/* #Board .table {table-layout: fixed;} */
.table-c th {padding:1rem 0.5rem; background-color:var(--bs-light); font-weight:500;}
.table-c td {padding:1rem;}

.table>:not(caption)>*>* {padding: 1rem 1rem; font-size:1rem;}

.table-hover {border-top: 1px solid var(--bs-dark); }

.board-title>div{display: flex; justify-content: space-between; align-items: baseline;}

@media(max-width:575px) {

    .board-title>div{flex-direction: column;}
}

/* 메인 비주얼 */

.main-visual {width: 100%; height: 600px; margin-top: 72px;}
.main-visual .main_slide{width: 100%; height: 100%; position: relative;}
/* .main-visual .main_slide .swiper-slide {display: flex;justify-content: center;align-items: center;} */
.main-visual .main_slide .swiper-slide{background-repeat: no-repeat; background-position: center center; background-size: cover;}

.main-visual .main_slide .main-slide-01 {background-image: url("/images/main/main-visual-01.jpg");}
.main-visual .main_slide .main-slide-02 {background-image: url("/images/main/main-visual-02.jpg");}
.main-visual .main_slide .main-slide-03 {background-image: url("/images/main/main-visual-03.jpg");}
.main-visual .main_slide .main-slide-04 {background-image: url("/images/main/main-visual-04.jpg");}

.main-visual .main_slide .container {height: 100%; display: flex; justify-content: center; flex-direction: column; }


.main-visual .main-visual-text {position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 99;}

.main-visual .main-visual-text .container h1{margin-left: 4rem;}
.main-visual .main-visual-text .container p{margin-left: 4rem;}
.main-visual .main-visual-text .container span {display: block;}
.main-visual .main-visual-text .container .inline {display: inline;}
.main-visual .main-visual-text .container .text-primary {display: inline;}

.main-visual .swiper-container {bottom: 0;left: 0;position: absolute;right: 0;top: 0;}
.main-visual .image-container {background-position: center;background-repeat: no-repeat;background-size: cover;height: 100%;transition: 3s ease-out;transform: scale(1.1);}
.main-visual .swiper-slide-active .image-container {transform: scale(1);}
.main-visual .swiper-pagination {z-index: 100;}

.main-visual .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .main-visual .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{background-color: var(--bs-white);}


/* 스와이퍼 버튼 */
.main-visual .swiper-button-next {right: 5%; color:var(--bs-white); z-index: 100;}
.main-visual .swiper-button-prev {left: 5%; color:var(--bs-white); z-index: 100;}
.main-visual .swiper-horizontal>.swiper-pagination-bullets, .main-visual .swiper-pagination-bullets.swiper-pagination-horizontal {bottom: 30px;}

@media(max-width:1400px) {
    /* 스와이퍼 버튼 */
    .main-visual .swiper-button-next {right: 20px;}
    .main-visual .swiper-button-prev {left: 20px;}
}

@media(max-width:767px) {

    .main-visual {height: calc(100vh - 72px);}
    .main-visual .main-visual-text .container span {display: inline;}
    .main-visual .main-visual-text .container h1{margin: 0px; margin-bottom: 1rem; }
    .main-visual .main-visual-text .container p{margin: 0 0px;}
    .main-visual .main-visual-text .container br {display: none;}
    .main-visual .main-visual-text .swiper-slide {background-position: 60% center;}    /* 스와이퍼 버튼 */
    .main-visual .swiper-button-next {right: 50%; transform: translateX(260%); top: auto; bottom: 4%;}
    .main-visual .swiper-button-next::after {font-size: 1.5rem;}
    .main-visual .swiper-button-prev {left: 50%;transform: translateX(-260%); top: auto; bottom: 4%;}
    .main-visual .swiper-button-prev::after {font-size: 1.5rem;}
    .main-visual .swiper-pagination {bottom: 40px;}

    .main-visual .swiper-horizontal>.swiper-pagination-bullets, .main-visual .swiper-pagination-bullets.swiper-pagination-horizontal {bottom: 45px;}

    .main-visual .main_slide .main-slide-01 {background-image: url("/images/main/m-main-visual-01.jpg");}
    .main-visual .main_slide .main-slide-02 {background-image: url("/images/main/m-main-visual-02.jpg");}
    .main-visual .main_slide .main-slide-03 {background-image: url("/images/main/m-main-visual-03.jpg");}
    .main-visual .main_slide .main-slide-04 {background-image: url("/images/main/m-main-visual-04.jpg");}

}


/* 서브 비주얼 */

.sub-visual {width: 100%; height: 370px; background-position: center center; background-size: cover; background-repeat: no-repeat;background-image: url("/images/sub/company/sub.jpg"); display: flex; justify-content: center; flex-direction: column; padding-top: 72px;}

.sub-visual-01 {background-image: url("/images/sub/company/sub-visual-01.jpg");}
.sub-visual-02 {background-image: url("/images/sub/company/sub-visual-02.jpg");}
.sub-visual-03 {background-image: url("/images/sub/company/sub-visual-03.jpg");}
.sub-visual-04 {background-image: url("/images/sub/company/sub-visual-04.jpg");}
.sub-visual-05 {background-image: url("/images/sub/company/sub-visual-05.jpg");}

.sub-visual h1 {color: var(--bs-white); font-weight: 700;}
.sub-visual p {font-size: 1.125rem;}
@media(max-width:575px) {
    .sub-visual p {font-size: 1rem;}
    .sub-visual {padding-left: 20px; padding-right: 20px;}

}


/* snb */
.snb-menu li{max-width: 370px;}
.snb-menu a{display: block; font-weight: 500;}
.snb-menu .nav-item:hover a{color: inherit;}
.sub-menu ul .nav-item.active {border-bottom: 3px solid var(--bs-primary);}
.snb-menu .nav {justify-content: center;}
.snb-menu .nav-item {font-size: 1.125rem;}

/* snb-m */

.snb-menu-m .nav-link{height: 50px; padding: 14px 16px; padding-right: 30px; position: relative; text-overflow: ellipsis;}
.snb-menu-m .dropdown-toggle::after {position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}
.snb-menu-m .dropdown-menu {width: 100%;}
.snb-menu-m .dropdown-menu .dropdown-item {text-overflow: ellipsis; overflow: hidden;}
.snb-menu-m .nav-link.show::after { transform: rotate(180deg); transition: ease 0.3s;}
.snb-menu-m .dropdown-menu.show {transform: translate(0px , 50px) !important;}



/* section */
section {padding-top: 150px; padding-bottom: 150px;}

@media(max-width:767px) {
    section {padding-top: 100px; padding-bottom: 100px;}
}

/* 타이틀 공통사항 */
.title-area {text-align: center; padding-bottom: 40px;}
.title-area p {font-size: 1.125rem;}

/* header */

.header {height: 72px; background-color: var(--bs-white); border-bottom: 1px solid var(--bs-gray-400);}
/* 로고 */
.header .navbar-brand {width: 120px; margin: 0.5rem 0;}
.header .navbar-nav {display: flex; flex-direction: row; margin-right: -40px;}
.header .navbar-nav .nav-item {padding: 24px 40px; position: relative;}
.header .navbar-nav .nav-link {padding: 0; position: relative; font-size: 1.125rem;}
.nav-link:focus, .nav-link:hover {color: inherit;}
.header .navbar-nav .nav-item .nav-link.active::after {position: absolute; top: 26px;  content: ""; background-color: var(--bs-primary); width: 100%; height: 3px; left: 50%; transform: translateX(-50%); }
/* .header .navbar-nav .nav-item .nav-link:hover::after {position: absolute; top: 26px;  content: ""; background-color: var(--bs-primary); width: 100%; height: 2px; left: 50%; transform: translateX(-50%); } */

.header .navbar-nav .nav-item:hover .nav-link::after {position: absolute; top: 26px;  content: ""; background-color: var(--bs-primary); width: 100%; height: 3px; left: 50%; transform: translateX(-50%); }
.header .nav-item .sub-menu {position: absolute; top: 65px; background-color: var(--bs-white); padding: 0.5rem 0; border-radius: 0.25rem;box-shadow: 1px 2px 4px var(--bs-gray-800);width: 100%; left: 0; display: none}
.header .navbar-nav .nav-item:hover .sub-menu {display: block;}
.header .nav-item .sub-menu .sub-link {padding: 0.5rem; display: block; text-align: center;}
.header .nav-item .sub-item .sub-link:hover{color: inherit;  text-underline-position: under; text-decoration: underline; text-decoration-color: var(--bs-primary); text-decoration-thickness: 2px;} 
.header .nav-item .sub-item .sub-link.active{color: inherit;  text-underline-position: under; text-decoration: underline; text-decoration-color: var(--bs-primary); text-decoration-thickness: 2px;} 


/* 햄버거버튼 */
.btn-trigger {padding: 0;}
.btn-trigger span {display: block; width: 30px; height: 3px; background-color: var(--bs-secondary);}
.btn-trigger span:nth-child(2) {margin-top: 8px;}
.btn-trigger span:nth-child(3) {margin-top: 8px;}
.header .btn-trigger {min-width: 30px;}

/* 모바일메뉴 */
.all-menu {position: fixed; width: 100%; background-color: var(--bs-white); height: 100vh; top: 0; display: none;}
/* 250 */
.all-menu .container {position: relative;}
.all-menu .btn-close {position: absolute; top: 20px; right: 20px; font-size: 2rem; min-width: 30px;}
.all-menu-brand {display: block; max-width: 220px; margin: 0 auto; padding: 4rem 0;}
.all-menu-nev {height: calc(100vh - 216px); overflow-y: auto;}
.all-menu-item {text-align: center; width: 100%;}
.all-menu-item .all-menu-link {font-size: 1.5rem; background: none;border: none; padding: 0; font-weight: 700; margin-top: 0.5rem; margin-bottom: 0.5rem;}
.all-menu-item .all-sub-menu {font-size: 1.125rem; background-color: rgb(0,0,0, 4%); border-radius: 1rem; padding-top: 1rem; padding-bottom: 1rem; display: none;}
.all-menu-item .all-sub-link {padding: 0.5rem; text-align: center; display: block; }
.all-menu-item .all-menu-link {position: relative;}
.all-menu-item .all-menu-link.active::after {position: absolute; top: 34px;  content: ""; background-color: var(--bs-primary); width: 100%; height: 2px; left: 50%; transform: translateX(-50%)}

.all-menu-item .all-menu-link:hover::after {position: absolute; top: 34px;  content: ""; background-color: var(--bs-primary); width: 100%; height: 2px; left: 50%; transform: translateX(-50%)}
/* .all-menu-item .all-menu-link:hover .all-sub-menu {display: block;} */
.all-sub-menu .all-sub-item .all-sub-link:hover {color: inherit;  text-underline-position: under; text-decoration: underline; text-decoration-color: var(--bs-primary); text-decoration-thickness: 2px;}
.all-sub-menu .all-sub-item .all-sub-link.active {color: inherit;  text-underline-position: under; text-decoration: underline; text-decoration-color: var(--bs-primary); text-decoration-thickness: 2px;}

.all-menu-item .all-menu-link.active + .all-sub-menu {display: block;}

.d-block {display: block;}
.open-all-menu {overflow: hidden;}



/* 메인-사업분야 */
.business-tab {border: 1px solid var(--bs-secondary); width: fit-content; margin: 0 auto; border-radius: 0.5rem; margin-bottom: 2rem;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {background-color: var(--bs-secondary);}

/* 슬라이드 */
.tab-content .business-tab-slide {width: 100%;  height: 100%;}
.business-tab-slide .business-tab-wrap .swiper-slide .h6 {margin-bottom: 45px;}
.business-tab-slide .business-tab-wrap .text-area {margin-bottom: 55px;}
.business-tab-slide .business-tab-wrap ul {line-height: 1.4;}
/* .business-tab-slide .business-tab-wrap .img-box {border-radius: 0.5rem; overflow: hidden;} */
.business-tab-slide .business-tab-wrap .img-box img {border-radius: 0.5rem;}
.business-tab-slide .business-tab-wrap .swiper-pagination {max-width: 120px;}
.business-tab-slide .text-area p {font-size: 1.125rem; margin-bottom: 2rem;}

.business-tab-slide .business-tab-wrap .swiper-pagination {font-weight: 700;}
.business-tab-slide .business-tab-wrap .swiper-pagination-current {font-size: 1.5rem; color: var(--bs-secondary);}
.business-tab-slide .business-tab-wrap  .swiper-pagination-total {font-weight: 400; }

.business-tab-slide .business-tab-wrap .swiper-button-prev {top: auto; bottom: 30px; left: 0;}
.business-tab-slide .business-tab-wrap .swiper-button-prev:after {font-size: 1.5rem; color: var(--bs-dark);}
.business-tab-slide .business-tab-wrap .swiper-button-next {top: auto; bottom: 30px; left: 6rem; right: auto;}
.business-tab-slide .business-tab-wrap .swiper-button-next:after {font-size: 1.5rem;color: var(--bs-dark);}
.business-tab-slide .business-tab-wrap .swiper-button-prev.swiper-button-disabled {opacity: 1;}
.business-tab-slide .business-tab-wrap .swiper-button-next.swiper-button-disabled {opacity: 1;}
.business-tab-slide .business-tab-wrap .swiper-pagination-fraction {color: var(--bs-dark); bottom: 34px;}


.business-tab-slide .business-tab-wrap .swiper-slide {display: flex; justify-content: space-between; /* align-items: center; */}
.business-tab-wrap .text-area {flex: 1 0 450px;}
.business-tab-wrap .text-area h4 {margin-top: 55px;}
.business-tab-wrap .text-area li {position: relative; margin-left: 0.5rem;}
.business-tab-wrap .text-area li::before {content: ""; width: 2px; height: 2px; border-radius: 50%; background-color: var(--bs-gray-600); position: absolute; left: -0.5rem; top: 0.5rem;}
.business-tab-slide .business-tab-wrap .text-gray span {display: block;}


.business-tab-wrap .img-box img {width: 100%;}

@media(max-width:1280px) {
    .business-tab-slide .business-tab-wrap .swiper-pagination-fraction {bottom: 4px;}
    .business-tab-slide .business-tab-wrap .swiper-button-next {bottom: 0;}
    .business-tab-slide .business-tab-wrap .swiper-button-prev {bottom: 0;}
}

@media(max-width:991px) {
    .business-tab-wrap .text-area h4 {margin-top: 0px;}
    .business-tab-slide .business-tab-wrap .swiper-slide {flex-wrap: wrap;}
    .business-tab-slide .business-tab-wrap .swiper-pagination-fraction {bottom: auto; top: 2px; left: auto; right: 4px;}
    .business-tab-slide .business-tab-wrap .swiper-button-next {bottom: auto; top: 20px; left: auto; right: 0;}
    .business-tab-slide .business-tab-wrap .swiper-button-prev {bottom: auto; top: 20px; left: auto; right: 100px;}
    .business-tab-slide .business-tab-wrap .img-box {width: 100%;}
}

@media(max-width:575px) {

    .business-tab {display: flex; flex-direction: column; width: 100%;}
    .business-tab .nav-link{width: 100%;}
    .business-tab-wrap .text-area {flex: auto;}
    .business-tab-slide .business-tab-wrap .swiper-pagination-fraction {position: relative; left: 50%; transform: translateX(-50%); bottom: 4px; top: auto;}
    .business-tab-slide .business-tab-wrap .swiper-button-next {top: auto; bottom: 0; left: 50%; transform: translateX(50px);}
    .business-tab-slide .business-tab-wrap .swiper-button-prev {top: auto; bottom: 0; right: 50%; transform: translateX(-50px);}
    .business-tab-slide .business-tab-wrap .img-box {margin-bottom: 20px;}
    .business-tab-slide .business-tab-wrap .swiper-slide .h6 {margin-bottom: 2rem;}
    .business-tab-slide .business-tab-wrap .text-area {margin-bottom: 2rem;}
    .business-tab-slide .business-tab-wrap .swiper-slide .h6 br {display: none;}
    .business-tab-slide .business-tab-wrap .text-gray span {display: inline;}
    .business-tab-slide .text-area p br {display: none;}
}

/* 메인-제품 갤러리 */

.product-img-box {width: 100%; color: var(--bs-white); text-align: left; display: flex; justify-content: space-between;}
.product-img-box a {display: block; max-width: 360px; width: 100%; height: 375px; border-radius: 0.5rem;}
.product-img-box .img-box {background-repeat: no-repeat; background-size: cover; background-position: center center; padding: 3rem; box-sizing: border-box;}
.product-img-box .img-box-01 {background-image: url("/images/main/main-product-01.jpg");}
.product-img-box .img-box-02 {background-image: url("/images/main/main-product-02.jpg");}
.product-img-box .img-box-03 {background-image: url("/images/main/main-product-03.jpg");}
.product-img-box h4 {color: var(--bs-white); padding-bottom: 1rem; position: relative;}
.product-img-box h4::after {content: "\F285"; font-family: 'bootstrap-icons'; position: absolute; top: 4px; font-size: 1rem; margin-left: 0.5rem; opacity: 0;}
.product-img-box .img-box:hover h4::after {opacity: 1;}
.product-img-box .img-box:hover {color: inherit;}

@media(max-width:1199px) {

    .product-img-box {flex-direction: column;}
    .product-img-box p br {display: none;}
    .product-img-box .img-box {max-width: 100%; height: auto; margin-bottom: 1rem;}
    .product-img-box .img-box:last-child {margin-bottom: 0;}
}

@media(max-width:575px) {

    .product-img-box .img-box {padding: 20px;}
    .product-img-box .img-box h4 {padding-bottom: 0;}
}

/* 메인-문의하기 */

.inquiry-section {
    background-image: linear-gradient(170deg, rgba(32,168,232,1) 0%,  rgba(8,53,108,1) 100%);
    color: var(--bs-white);
}

.inquiry-section .title-area {text-align: left; color: var(--bs-white);}
.inquiry-section .title-area > * {color: inherit;}
.inquiry-section .title-area {padding-bottom: 1rem;}
.inquiry-section .row {--bs-gutter-x: 0rem;}
.inquiry-info .tel {font-size: 1.5rem; font-weight: 700; margin-bottom: 1rem;}
.inquiry-info p {line-height: 1.1; font-weight: 500;}
.inquiry-section textarea.form-control { height: 188px; background-color: transparent; color: var(--bs-white);}
.inquiry-section .form-floating  input{background-color: transparent; color: var(--bs-white); border-radius: 0.5rem; height: 60px;}

.inquiry-section .file_info>.form-control:focus, .file_info>.form-control:not(:placeholder-shown) {padding: 1.3rem 1.5rem;}
.inquiry-section .spam-info {position: relative;}
/* .inquiry-section .spam>label {padding-left: 8rem;}
.inquiry-section .spam>input {padding-left: 8rem;} */
.inquiry-section .spam_img {position: absolute; right: 1rem; top: 1rem;}

.inquiry-section .checked_wrap {display: flex; align-items: flex-start; justify-content: space-between;}
.form-check-input:checked {background-color: var(--bs-primary);border-color: var(--bs-primary);}

@media(max-width:576px) {
    .inquiry-section .checked_wrap {flex-direction: column; align-items: center;}
    .inquiry-section .checked_wrap button {margin-top: 1rem;}
}

/* 서브페이지*/
/* 공통사항 */
/* .sub-header {text-align: center; padding-bottom: 3rem;}
.sub-header p{font-size: 1.125rem;} */

/* ceo 인사말 */

.greeting-info {font-size: 1.125rem;}
.greeting-info strong {font-size: 1.5rem; font-weight: 700;}
.greeting-info .row {justify-content: space-between;}

@media(min-width:1200px) {
.greeting-info .row div:first-child {padding-right: 2rem;}
.greeting-info .row div:last-child {padding-left: 2rem;}
}

@media(max-width:575px) {
    .greeting-info {font-size: 1rem;}
    .greeting-info strong {font-size: 1.125rem;}
}


/* 연혁 */
.history .container {display: flex; justify-content: space-between;}

.history h2 {font-weight: 700; color: var(--bs-secondary); min-width: 300px;}
.history-info {max-width: 900px; width: 100%;}
.history-info li {min-height: 75px; display: flex; align-items: flex-start; border-bottom: 1px solid var(--bs-gray-500); padding-top: 0.5rem; padding-bottom: 0.5rem; line-height: 1.8;}
.history-info li:first-child {border-top:  1px solid var(--bs-gray-800);}
.history-info strong {color: var(--bs-primary); font-size: 2rem;  padding-left: 25px; min-width: 170px;}
.history-info b {font-size: 1.125rem; font-weight: 700; padding-right: 1rem; color: var(--bs-secondary);}
.history-info p {display: flex; align-items: baseline; margin-top: 12px; }
.history-info span {font-weight: 500;}
.history-info .long-history p:last-child {margin-top: 0;}
.long-history>div {margin-bottom: 0.5rem;}
@media(max-width:991px) {
    .history .container {flex-direction: column;}
    .history h2 {margin-bottom: 2rem;}
    .history-info strong {padding-left: 0;font-size: 1.5rem;}
    .history-info li {height: auto; align-items: baseline;padding-bottom: 1rem; padding-top: 1rem;} 
    .history-info strong {min-width: 120px;}
    .history-info p {margin-top: 0;}
    .long-history>div {margin-bottom: 0rem;}
    
    }
    
    @media(max-width:575px)  {
        .history-info li {flex-direction: column; align-items: flex-start; justify-content: flex-start; height: auto;} 
        .history-info strong {min-width: auto; padding-bottom: 0.5rem;}

    }


/* 보유설비현황 */
/* .equipment-info {overflow: hidden;} */
.table-responsive-02 {border-radius: 0.5rem; overflow: hidden;}
.table-responsive-02 table {text-align: center;}
.table-responsive-02 thead tr {background-color: var(--bs-secondary); color: var(--bs-white);}
.table-responsive-02 thead th { border-right: 1px solid var(--bs-gray-400);}
.table-responsive-02 tbody th {font-weight: 600; border-right: 1px solid var(--bs-gray-400);}
.table-responsive-02 tbody th:last-child {border-right: none;}
.table-responsive-02 tbody td {border-right: 1px solid var(--bs-gray-400); vertical-align: middle;}
.table-responsive-02 tbody td:last-child {border-right: none;}

.img-box {margin-bottom: -1.5rem;}
.img-box div {padding-bottom: 1.5rem;}
.img-box img { border-radius: 0.5rem; width: 100%;}


@media(max-width:767px) {

    .table-responsive-02 table {width: 767px;}
    .table-responsive-02 { overflow-x: scroll; border-radius: 0;}
}



/* 사업분야 */

.business-info div{border-radius: 0.5rem; overflow: hidden;}
.business-info div img { width: 100%;}
.business-info .img-box-01 {margin-bottom: 90px;}

@media(max-width:575px) {
    .business-info .img-box-01 {margin-bottom: 2rem;}
}

/* 레이저절단, 밴딩(절곡), CNC$프라즈마 공통사항 */
.info-wrap {margin-bottom: 3rem;}
.info-wrap .info-img-box>div {border-radius: 0.5rem; overflow: hidden;}
.info-wrap .info-img-box img {width: 100%;}
.info-wrap .info-text-box {padding-left: 2rem;}
.info-text-box h4{font-size: 1.5rem; color: var(--bs-secondary); margin-bottom: 2rem; font-weight: 700;} 
.info-text-box strong {font-size: 1.125rem; position: relative; margin-left: 1rem; margin-bottom: 0.5rem; display: block; font-weight: 500;}
.info-text-box strong::before {width: 8px; height: 2px; background-color: var(--bs-primary); content: ""; position: absolute; left: -1rem; top: 50%; transform: translateY(-50%);}
.info-text-box p {color: var(--bs-gray-700); margin-bottom: 1.25rem;}


/* 모바일버전 */
.table-m {width: 100%; text-align: center; }
.table-m>div {display: flex;}
.table-m>div:first-child {border-top: 1px solid var(--bs-gray-400); }
.table-m>div:first-child>div:last-child {font-weight: 500;}
.table-m>div>div:first-child {background-color: var(--bs-secondary); color: var(--bs-white);font-weight: 500;}
.table-m>div>div{width: 50%; border-bottom: 1px solid var(--bs-gray-400); padding: 1rem; box-sizing: border-box;}


@media(max-width:1360px) {
/*     .info-text-box h4 br {display: none;} */
.info-text-box h4 br {display: none;}
.info-text-box p br {display: none;}
}

@media(max-width:991px) {
    .info-wrap .info-text-box {padding-left: 12px;}
}

@media(max-width:575px) {
    .info-text-box h4 {font-size: 1.25rem;}
    .info-text-box h4 br {display: none;}

    .table-m>div {flex-direction: column;}
    .table-m>div>div {width: 100%;}
}












/* 찾아오시는길 */
.location-info>div{width: 100%;}

.location-info .location-address {background-color: var(--bs-secondary); padding: 3rem;color: var(--bs-white);}
.location-address h4 {color: var(--bs-white);}
.location-address address b{font-weight: 700; color: var(--bs-primary);}
.location-address address span {margin-right: 1rem;}

@media(max-width:767px) {
    .location-address address span {margin-right: 0rem; display: block;}
    .location-info .location-address {padding: 20px;}
}







/* Card */
.card-c {position: relative; display: flex;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: #fff;background-clip: border-box;border: 1px solid rgba(0,0,0,.085);border-radius: 0.5rem; overflow: hidden;}
/* .card-c.card-hover {transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;} */
.card-c.card-hover:hover {/* border-color:rgba(0,0,0,.2); */ opacity: 1; box-shadow: 1px 2px 5px var(--bs-gray-400);}
.card-hover.border-0:before, .card-active.border-0:before {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: opacity .2s ease-in-out;border: 1px solid rgba(118,109,244,.35);border-radius: 1rem;content: "";z-index:3;opacity: 0;}
.card-img-c, .card-img-top-c {border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); height:auto;}

/* shadow */
.shadow-c {box-shadow: 0 0 0.625rem -0.1875rem rgb(0 0 0 / 13%) ;}

/* swiper */
/* .swiper_section {position:relative;}
.swiper {width:100%; height:100%;}
.swiper-slide {font-size: 18px;background: #fff; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide img {display: block;width: 100%;height: 100%; object-fit: cover;}
.swiper-pagination-cm {position: absolute;text-align: center;transition: .3s opacity;transform: translate3d(0,0,0);z-index: 10;}
.swiper-next {position:absolute; top:50%; display:flex; align-items:center; justify-content:center; cursor:pointer; right:0px; left:auto; font-size:30px; color:#666;}
.swiper-prev {position:absolute; top:50%; display:flex; align-items:center; justify-content:center; cursor:pointer; left:0px; right:auto; font-size:30px; color:#666;} */

/* gallery */
.list-item {position:relative;margin-bottom:20px;}
.list-img img {width:100%;/*height:250px;*/}
.over-img {display:none; position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,0.6); border-radius:0.25rem;}
.over-img-wrap {position:relative; width:100%; height:100%;}
.over-view {position:absolute; left:0; right:0; bottom:6rem; color:#ffffff; text-align:center;}
.over-view-btn {display:inline-block; background:url('/images/common/over_view_arrow.png') no-repeat right center; padding-right:45px; background-size:39px 24px; width:170px; height:24px; line-height:24px; font-size:1rem;}
.over-img-title {color:#ffffff; font-size:1.6rem; font-weight:bold; padding-top:6rem; margin-bottom:10px; text-align:center;}
.over-img-stt {color:#ffffff; text-align:center;}


/* footer */
footer {background-color: var(--bs-secondary); color: var(--bs-gray-400); padding: 40px 0;}
footer .foot-wrap {display: flex; justify-content: space-between; align-items: end;}
footer .foot-link {padding-bottom: 34px;}
footer .foot-link a {display: inline-block; margin-right: 1.5rem; color: var(--bs-white);}
footer .foot-link a:last-child {margin-right:0px;}
.foot-wrap p span {padding: 0 0.5rem;}
.foot-wrap p span:first-child {padding-left: 0;}
.foot-wrap em {font-style: normal;}


@media(max-width:1199px) {
    footer .foot-wrap {justify-content: flex-start; flex-direction: column; align-items: flex-start;}
    footer .copy {margin-top: 1.5rem;}
    .foot-wrap em {display: none;}
    .foot-wrap p span {display: block; padding: 0; margin-bottom: 0.5rem;}

}


/* 개인정보처리방침 */
.privacy-wrap textarea {padding: 2rem;}



/* @media (min-width:992px) and (max-width:1199.98px) {
.navbar-default .dropdown .dropdown-menu {display:block; opacity:0; transform:translateY(20px); transition:all .3s ease-in; visibility:hidden}
.navbar-default .dropdown:hover>.dropdown-menu {opacity:1; transform:scaleY(1); visibility:visible}
.navbar-default .dropdown-menu-arrow:before {background:#fff; border-radius:.2rem; bottom:100%; content:""; display:block; height:16px; left:1rem; position:absolute; transform:rotate(-45deg) translateY(1rem); width:16px; z-index:-5}
.navbar-default .dropdown-submenu:hover .dropdown-menu {opacity:1; transform:scaleY(1); visibility:visible}
}
 */

@media (max-width: 991px) {


/* 모바일일때 화살표 없애기 */

}

@media (min-width: 768px) and (max-width: 991.98px) {


}

@media (min-width:768px) {
.navbar-default.navbar .navbar-nav .nav-item {padding:0;}
/* margin */
.m-md-6 {margin:6rem !important;}
.m-md-8 {margin:8rem !important;}
.m-md-10 {margin:10rem !important;}
.m-md-12 {margin:12rem !important;}

/* margin top */
.mt-md-6 {margin-top:6rem !important;}
.mt-md-8 {margin-top:8rem !important;}
.mt-md-10 {margin-top:10rem !important;}
.mt-md-12 {margin-top:12rem !important;}
.mt-md-m6 {margin-top:-6rem !important;}

/* margin end */
.me-md-6 {margin-right:6rem !important;}
.me-md-8 {margin-right:8rem !important;}
.me-md-10 {margin-right:10rem !important;}
.me-md-12 {margin-right:12rem !important;}
.me-md-m6 {margin-right:-6rem !important;}

/* margin bottom */
.mb-md-6 {margin-bottom:6rem !important;}
.mb-md-8 {margin-bottom:8rem !important;}
.mb-md-10 {margin-bottom:10rem !important;}
.mb-md-12 {margin-bottom:12rem !important;}
.mb-md-m6 {margin-bottom:-6rem !important;}


/* margin start */
.ms-md-6 {margin-left:6rem !important;}
.ms-md-8 {margin-left:8rem !important;}
.ms-md-10 {margin-left:10rem !important;}
.ms-md-12 {margin-left:12rem !important;}
.ms-md-m6 {margin-left:-6rem !important;}

/* margin top bottom */
.my-md-6 {margin-top:6rem !important; margin-bottom:6rem !important;}
.my-md-8 {margin-top:8rem !important; margin-bottom:8rem !important;}
.my-md-10 {margin-top:10rem !important; margin-bottom:10rem !important;}
.my-md-12 {margin-top:12rem !important; margin-bottom:12rem !important;}
.my-md-m6 {margin-top:-6rem !important; margin-bottom:-6rem !important;}

/* margin left right */
.mx-md-6 {margin-left:6rem !important; margin-right:6rem !important;}
.mx-md-8 {margin-left:8rem !important; margin-right:8rem !important;}
.mx-md-10 {margin-left:10rem !important; margin-right:10rem !important;}
.mx-md-12 {margin-left:12rem !important; margin-right:12rem !important;}
.mx-md-m6 {margin-left:-6rem !important; margin-right:-6rem !important;}


/* Padding */
.p-md-6 {padding:6rem !important;}
.p-md-8 {padding:8rem !important;}
.p-md-10 {padding:10rem !important;}
.p-md-12 {padding:12rem !important;}

/* Padding top */
.pt-md-6 {padding-top:6rem !important;}
.pt-md-8 {padding-top:8rem !important;}
.pt-md-10 {padding-top:10rem !important;}
.pt-md-12 {padding-top:12rem !important;}

/* Padding end */
.pe-md-6 {padding-right:6rem !important;}
.pe-md-8 {padding-right:8rem !important;}
.pe-md-10 {padding-right:10rem !important;}
.pe-md-12 {padding-right:12rem !important;}

/* Padding bottom */
.pb-md-6 {padding-bottom:6rem !important;}
.pb-md-8 {padding-bottom:8rem !important;}
.pb-md-10 {padding-bottom:10rem !important;}
.pb-md-12 {padding-bottom:12rem !important;}

/* Padding start */
.ps-md-6 {padding-left:6rem !important;}
.ps-md-8 {padding-left:8rem !important;}
.ps-md-10 {padding-left:10rem !important;}
.ps-md-12 {padding-left:12rem !important;}

/* Padding top bottom */
.py-md-6 {padding-top:6rem !important; padding-bottom:6rem !important;}
.py-md-8 {padding-top:8rem !important; padding-bottom:8rem !important;}
.py-md-10 {padding-top:10rem !important; padding-bottom:10rem !important;}
.py-md-12 {padding-top:12rem !important; padding-bottom:12rem !important;}

/* Padding left right */
.px-md-6 {padding-left:6rem !important; padding-right:6rem !important;}
.px-md-8 {padding-left:8rem !important; padding-right:8rem !important;}
.px-md-10 {padding-left:10rem !important; padding-right:10rem !important;}
.px-md-12 {padding-left:12rem !important; padding-right:12rem !important;}

}

@media (min-width:576px) and (max-width:767.98px) {

    }

@media (min-width:576px) {
/* margin */
.m-sm-6 {margin:6rem !important;}
.m-sm-8 {margin:8rem !important;}
.m-sm-10 {margin:10rem !important;}
.m-sm-12 {margin:12rem !important;}

/* margin top */
.mt-sm-6 {margin-top:6rem !important;}
.mt-sm-8 {margin-top:8rem !important;}
.mt-sm-10 {margin-top:10rem !important;}
.mt-sm-12 {margin-top:12rem !important;}
.mt-sm-m6 {margin-top:-6rem !important;}

/* margin end */
.me-sm-6 {margin-right:6rem !important;}
.me-sm-8 {margin-right:8rem !important;}
.me-sm-10 {margin-right:10rem !important;}
.me-sm-12 {margin-right:12rem !important;}
.me-sm-m6 {margin-right:-6rem !important;}

/* margin bottom */
.mb-sm-6 {margin-bottom:6rem !important;}
.mb-sm-8 {margin-bottom:8rem !important;}
.mb-sm-10 {margin-bottom:10rem !important;}
.mb-sm-12 {margin-bottom:12rem !important;}
.mb-sm-m6 {margin-bottom:-6rem !important;}


/* margin start */
.ms-sm-6 {margin-left:6rem !important;}
.ms-sm-8 {margin-left:8rem !important;}
.ms-sm-10 {margin-left:10rem !important;}
.ms-sm-12 {margin-left:12rem !important;}
.ms-sm-m6 {margin-left:-6rem !important;}

/* margin top bottom */
.my-sm-6 {margin-top:6rem !important; margin-bottom:6rem !important;}
.my-sm-8 {margin-top:8rem !important; margin-bottom:8rem !important;}
.my-sm-10 {margin-top:10rem !important; margin-bottom:10rem !important;}
.my-sm-12 {margin-top:12rem !important; margin-bottom:12rem !important;}
.my-sm-m6 {margin-top:-6rem !important; margin-bottom:-6rem !important;}

/* margin left right */
.mx-sm-6 {margin-left:6rem !important; margin-right:6rem !important;}
.mx-sm-8 {margin-left:8rem !important; margin-right:8rem !important;}
.mx-sm-10 {margin-left:10rem !important; margin-right:10rem !important;}
.mx-sm-12 {margin-left:12rem !important; margin-right:12rem !important;}
.mx-sm-m6 {margin-left:-6rem !important; margin-right:-6rem !important;}


/* Padding */
.p-sm-6 {padding:6rem !important;}
.p-sm-8 {padding:8rem !important;}
.p-sm-10 {padding:10rem !important;}
.p-sm-12 {padding:12rem !important;}

/* Padding top */
.pt-sm-6 {padding-top:6rem !important;}
.pt-sm-8 {padding-top:8rem !important;}
.pt-sm-10 {padding-top:10rem !important;}
.pt-sm-12 {padding-top:12rem !important;}

/* Padding end */
.pe-sm-6 {padding-right:6rem !important;}
.pe-sm-8 {padding-right:8rem !important;}
.pe-sm-10 {padding-right:10rem !important;}
.pe-sm-12 {padding-right:12rem !important;}

/* Padding bottom */
.pb-sm-6 {padding-bottom:6rem !important;}
.pb-sm-8 {padding-bottom:8rem !important;}
.pb-sm-10 {padding-bottom:10rem !important;}
.pb-sm-12 {padding-bottom:12rem !important;}

/* Padding start */
.ps-sm-6 {padding-left:6rem !important;}
.ps-sm-8 {padding-left:8rem !important;}
.ps-sm-10 {padding-left:10rem !important;}
.ps-sm-12 {padding-left:12rem !important;}

/* Padding top bottom */
.py-sm-6 {padding-top:6rem !important; padding-bottom:6rem !important;}
.py-sm-8 {padding-top:8rem !important; padding-bottom:8rem !important;}
.py-sm-10 {padding-top:10rem !important; padding-bottom:10rem !important;}
.py-sm-12 {padding-top:12rem !important; padding-bottom:12rem !important;}

/* Padding left right */
.px-sm-6 {padding-left:6rem !important; padding-right:6rem !important;}
.px-sm-8 {padding-left:8rem !important; padding-right:8rem !important;}
.px-sm-10 {padding-left:10rem !important; padding-right:10rem !important;}
.px-sm-12 {padding-left:12rem !important; padding-right:12rem !important;}

}

@media (max-width:575.98px) {

}

@media (max-width:320px) {

}

.carousel-control-next-icon, .carousel-control-prev-icon {background-color:#333;padding: 40px 20px;border-radius:5px;}

/* 2022/10 김은하 추가 스타일 */

/* 모바일 노출 메뉴의 아이콘이 말줄임표가 나타날 때 사라지는 부분을 수정 */
/* .dropdown-toggle::after {position:  relative; top: 50%;transform: translateY(42%);} */

/* 텍스트가 넘쳐서 삐져나가는 부분을 수정 */
.break-all {word-break: break-all;}

/* 컨테이너에 들어가있는 반응형 사이즈를 변경 */
.container {padding-left: 20px; padding-right: 20px;}


@media (min-width: 576px) {
    .container, .container-sm {
        max-width: 1360px;
    }
}

@media (min-width: 768px) {
    .container, .container-md, .container-sm {
        max-width: 1360px;
    }
}

@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 1360px;
    }
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1360px;
    }
}


@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1360px;
    }
}


/* 연혁 */

.check {position: relative;}
.check .form-check-input {position: absolute; top: -30px; left: 0;}

/* 연혁의 연도 디자인 */
.border_bottom {position: relative;}
.border_bottom span::before{
    content: "";
    width: 7px;
    height: 7px;
    background-color: var(--bs-primary);
    position: absolute;
/*     border-radius: 50%; */
    margin-top: 12px;
    left: 50%;
    transition: auto;
    transform: translateX(-50px);
}
.border_bottom span::after{
    content: "";
    width: 7px;
    height: 7px;
    background-color: var(--bs-primary);
    position: absolute;
/*     border-radius: 50%; */
    margin-top: 12px;
    right: 50%;
    transition: auto;
    transform: translateX(50px);
}


@media (min-width: 768px) {
    /* 연혁의 관리자 체크박스 위치 조정 */
    .check .form-check-input {position: initial;}
    /* 연혁의 연도 디자인 */
    .border_bottom span::before{display: none;}
    .border_bottom span::after{display: none;}
}

.schedule-text {overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important;-webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: break-word;}

@media (max-width: 991px) {
    .schedule-text {display: none !important;}
}

@media (max-width: 768px) {
    .table.table-schedule>:not(caption)>*>* {padding: 1rem 0.5rem;}
    .table.table-schedule td {height: 100px;}
}


/* 지사 */

/* 
.store_tel 연락처
.store_map 지도
.store_block 숨겨져있는 번호
*/
.store_block {display: none;}

@media (max-width: 768px) {
    
    .store_tel {display: none;}
    .store_map {display: none;}
    .store_block {display: block;}

}



/* ************************* */
/* 게시판 CSS 20221025 윤주명 */
/* ************************* */
.board-form-groups {border-top: 1px solid #000000;}
.board-form-groups .col-form-label {background-color: #f8f9fa; color: var(--bs-dark); font-weight: 500; display: flex; justify-content: flex-start; align-items: center; padding: 1rem;}
.board-form-groups .form-group {border-bottom: 1px solid #ced4da; margin-left: -20px; margin-right: -20px;}

@media screen and (max-width: 575px) {
    .board-form-groups {border-top: 1px solid #000000;}
    .board-form-groups .col-form-label {background-color: transparent; padding: 20px 0 8px 0}
    .board-form-groups .form-group {border-bottom: 0; }

    .input-group>.form-select{width: 100%;}
}


/* 제품 게시판 */
/* .board-section .card-body p {font-size: 1.125rem;}

@media(max-width:575px) {
    .board-section .card-body p {font-size: 1rem;}   
}
 */
/* board-btns */
/* .board-btns {margin-top: 24px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.board-btns .btn {min-width: 90px; height: 50px; margin: 8px; margin-left: 0;}
.board-btns .btn-md {min-width: 120px;}
.board-btns .left {display: flex; flex-wrap: wrap; justify-content: flex-start; }

@media screen and (min-width: 992px) {
    .board-btns {margin-top: 48px;}
}


@media screen and (min-width: 1200px) {
    .board-btns .btn {height: 60px; font-size: 18px;}
} */




/* ******************** */
/* ******* Board ****** */
/* ******************** */


/* list */
/* board-top */
.board-top {display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;}
.board-top > div {margin-bottom: 16px;}
.board-top form {width: 100%;}
.board-top .total-count .count {color: var(--bs-dark); font-weight: 700;}

.search-wrap {display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center;}
.search-wrap .form-select {margin: 8px 0;}
.search-bar {width: 100%; border-bottom: 2px solid var(--bs-dark);}
.search-bar .form-control {border-width: 0;}
.search-bar .input-group-text {padding-right: 0; font-size: 1.25rem;}

.search-btn{min-width: auto;}

@media screen and (min-width: 576px) {
    .search-wrap .form-select {flex: 1 1 calc(50% - 4px);}
    .search-wrap .form-select[name="category"] {margin-right: 8px;}
}

@media screen and (min-width: 768px) {
    .board-top form {width: auto;}
    .search-wrap {flex-wrap: nowrap;}
    .search-wrap .form-select {margin-top: 0; margin-bottom: 0; margin-right: 8px; min-width: 150px;}
    .search-bar {min-width: 360px;}
}

/* all-chk */
.all-chk {margin-top: 16px;}
.all-chk .form-check-input {margin-top: 0.2em;}

/* 공지 아이콘 */
.icon-bell {width: 30px; height: 30px; background-color: var(--bs-secondary); display: flex; justify-content: center; align-items: center; margin: 0 auto;}
.icon-bell .bi-bell-fill::before {vertical-align: -0.15em;}

.board-list .row {margin-top: 48px;}
.board-list .subject {margin-top: 20px;}
.board-list .subject a {color: var(--bs-dark);}

.board-list table {margin-top: 48px; min-width: 800px;}
.board-list table thead {border-top: 2px solid var(--bs-dark); border-bottom: 1px solid var(--bs-gray-100);}
.board-list table tbody td {text-align: center;}

.board-list table tbody tr.notice:hover {--bs-table-accent-bg: var(--bs-lightblue);}


/* pagenation */
.pagination {padding: 0.375rem 0.75rem; margin-top: 40px; display: flex; justify-content: center; align-items: center;}
.page-item-c {color: var(--body-color);}
.page-item-c.active a {color: var(--bs-danger);}
.page-link-c {position: relative; display: block; padding: 0.375rem 0.75rem; font-weight: 700 }
.page-link-c img {min-width: 8px;}

.bi.bi-chevron-bar-right::before {content: ''; width: 14px; height: 13px; background: url('/images/common/btn/btn_paging_next_end.png') no-repeat center center; display: inline-block;}

.bi.bi-chevron-bar-left::before {content: ''; width: 14px; height: 13px; background: url('/images/common/btn/btn_paging_prev_end.png') no-repeat center center; display: inline-block;}

@media screen and (min-width: 1200px) {
    .pagination {font-size: 1.125rem; margin-top: 48px;}
}



/* view */
.board-view {word-break: break-all;}
.board-view .table {table-layout: fixed;}
.board-view .table th,
.board-view .table td {border-bottom: 1px solid var(--bs-gray-300);}
.board-view .table tbody {border-top: 2px solid var(--bs-dark);}
.board-view .table tbody tr.content td{padding: 1.5rem 1rem;}
.board-view .table tbody tr:not(.content) th {background-color: var(--bs-gray-100); color: var(--bs-dark); font-weight: 500;}
.board-view .table tbody tr.img td {min-height: 53px; display: flex; flex-wrap: wrap; justify-content: flex-start; word-break: break-all;}
.board-view .table tbody tr.img td a {width: 100%;}

.board-view .table tbody tr.file td {min-height: 53px; display: flex; flex-wrap: wrap; justify-content: flex-start; word-break: break-all;}
.board-view .table tbody tr.file td a {width: 100%;}


@media screen and (min-width: 768px) {
    .board-view .table tbody tr.file td {gap: 8px;}
    .board-view .table tbody tr.file td a {width: auto;}
}

.view-title {margin-bottom: 8px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.view-title .title {display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center;}
.view-title .title .badge {margin-right: 8px;}
.view-title .title h4 {width: 100%; margin-bottom: 0; text-align: left; color: var(--bs-dark); font-weight: 500;}
.view-title .title .date {font-size: 1rem; font-weight: 400;  margin-top: 8px;}

.writer-wrap {margin-top: 8px; font-weight: 400;}
.writer-wrap .writer {color: var(--bs-primary);}
.writer-wrap span:not(.writer) {padding: 0 8px; display: inline-block;}

@media screen and (min-width: 768px) {
    .board-view .table tbody tr.content td{padding: 2rem 1.5rem;}
    .view-title {margin-bottom: 16px;}
    .writer-wrap {margin-top: 0px;}
}

@media screen and (min-width: 1200px){
    .view-title .title .date {margin-top: 0px;}
}



/* comment */
.comment-count {font-size: 1rem;}
.comment-icon {width:22px; height: 22px; display: inline-block; background-color: var(--bs-gray-300); border-radius: 4px; text-align: center; line-height: 22px;}
.comment-date {color: var(--body-color); margin-left: 4px;}

.board-view .btn-gray-2 {width: 120px; height: 100px; margin-left: 8px !important; border-radius: 6px !important;}

.list-group-flush {text-align: left;}
.list-group-flush li {padding: 30px 20px !important; background-color: var(--bs-gray-100); border-top: 1px solid var(--bs-gray-200); color: var(--bs-body-color);}
.list-group-flush>.list-group-item {border-width: 1px 0 0;}
.list-group-flush li span b {color: var(--bs-dark);}

.comment-writer .writer {display: block; line-height: 1; font-weight: 500;}

.comment-options,
.comment-cencel {position: absolute; top: 1.375rem; right: 1.375rem;}
.comment-options .btn,
.comment-cencel .btn {width: 22px; height: 22px; padding: 0; text-align: center; line-height: 22px; background-color: var(--bs-gray-400); font-size: 0.875rem;}

.comment-form textarea.form-control {width: 100%; height: 100px; -webkit-border-radius: 0.5rem !important; border-radius: 0.5rem !important;}
.comment-form .btn {width: 100%; height: 50px; -webkit-border-radius: 0.5rem !important; border-radius: 0.5rem !important;}

@media screen and (min-width: 576px) {

}


@media screen and (min-width: 576px) {
    .comment-writer .writer {display: inline-block; font-size: 1.125rem;}
}

@media screen and (min-width: 768px) {
    .comment-form textarea.form-control {width: calc(100% - 160px);}
    .comment-form .btn {width: 120px; height: 100px;  margin-top: 0; margin-left: 8px !important;}
}



.comment-write-form {padding-top: 24px; border-top: 1px dashed var(--bs-gray-300);}




/* form */
.board-form {border-top: 2px solid var(--bs-dark); padding-left: 0; padding-right: 0;}
.board-form .form-group.row {margin-left: 0; margin-right: 0;}
.board-form .form-group .col-form-label {color: var(--bs-dark); padding: 20px 0 8px 0; font-weight: 500; display: flex; justify-content: flex-start; align-items: center; padding: 1rem;}
.board-form + .board-btns {justify-content: center;}

.board-form .form-group {border-bottom: 0;}


@media screen and (min-width: 576px) {
    .board-form .form-group {border-bottom: 1px solid var(--bs-gray-300);}
    .board-form .form-group .col-form-label {background-color: var(--bs-gray-100);}
    .board-form .col-sm-10 {padding: 1rem;}
}

/* board-btns */
.board-btns {margin-top: 24px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.board-btns .btn {min-width: 90px; height: 50px; margin: 8px; margin-left: 0;}
.board-btns .btn-md {min-width: 120px;}
.board-btns .left {display: flex; flex-wrap: wrap; justify-content: flex-start; }

@media screen and (min-width: 992px) {
    .board-btns {margin-top: 48px;}
}


@media screen and (min-width: 1200px) {
    .board-btns .btn {height: 60px; font-size: 18px;}
}



.empty-list {padding: 48px 0; text-align: center; border-top: 1px solid var(--bs-gray-300); border-bottom: 1px solid var(--bs-gray-300);}

/* ************************* */
/* ** 홍보동영상 (G.video) ** */
/* ************************* */
.video-wrap {position: relative; padding-bottom: 56.25%; margin-bottom: 20px; overflow: hidden;}
.video-wrap iframe,
.video-wrap object,
.video-wrap embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}



/* ************************* */
/* ** 제품소개 (G.Product) ** */
/* ************************* */
/* list */
.g-product {margin-bottom: 48px;}
.g-product:last-child {margin-bottom: 0;}
.g-product a {display: block; padding: 1.5rem 1rem; border: 1px solid var(--bs-gray-300);-webkit-border-radius: 0.5rem; border-radius: 0.5rem; overflow: hidden; text-align: center;}
.g-product a div {text-align: left;}
.g-product a .form-check-input {min-width: 16px;}
.g-product a p {margin-bottom: 0; color: var(--bs-dark); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

@media screen and (min-width: 1200px) {
    .g-product a p {font-size: 1.125rem;}
}

/* view */
.g-product-img {border: 1px solid var(--bs-gray-300); -webkit-border-radius: 0.5rem; border-radius: 0.5rem; overflow: hidden;}
.g-product-btns {display: flex; justify-content: flex-start; align-items: center;}
.g-product-btns .btn {flex:1 1 calc(100% - 5px); height: 50px; line-height: 38px;}

@media screen and (min-width: 1200px) {
    .g-product-btns .btn {height: 60px; line-height: 48px;}
    .g-product-img {width: calc(100% - 12px);}

}