@charset "UTF-8";
:root {
    --bs-primary: #D0121B !important;
}
/* start */
.bg-primary {
    background-color: #D0121B !important;
}
.bg-black {
    background-color: #000 !important;
}

.bg-red {
    background-color: #d0131a !important;
}

.btn-primary {
    color: #000;
    background-color: #f5665e;
    border-color: #f5665e;
}
/*
.bg-secondary {
    background-color: #f5665e !important;
}
*/
.text-primary {
    color: #f5665e !important;
}
.text-yellow {
    color: #ffaa01 !important;
}
.text-black {
    color: #000 !important;
}
/* a {
    color: #000;
    text-decoration: none;
} */
a:hover {
    color: #000;
}
p {
	margin-top: 0;
	margin-bottom: 0.2rem;
}
h4, .h4 {
    font-size: 1rem;
	font-weight: 400;
	color:#222222;
}
.text-dark{
	color:#000;
}
.btn {
    font-weight: 500;
}
.display-6 {
    font-size: 2rem;
}
.navbar-light .navbar-nav .nav-link {
    color: #000;
}
.text-dark {
    color: #000  !important;
}
.text-red {
	color: #cc1f28   !important;
	font-weight:bold;
}
[class^="bi-"]::before, [class*=" bi-"]::before {
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -0.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 6px 0px 0 6px;
}
.bi-arrow-right::before {
    content: "\F285";
}
.bi-arrow-left::before {
    content: "\F284";
}
.bg-secondary {
    background-color: #e5e5d5 !important;
}
.mt-6 {
    margin-top: 6rem !important;
}
.mt-7 {
    margin-top: 7rem !important;
}
.mt-8 {
    margin-top: 8rem !important;
}
.py-6 {
    padding-top: 5rem !important;
    padding-bottom: 7rem !important;
}
.table {
    /* --bs-table-bg: transparent; */
    /* --bs-table-striped-color: #747d88; */
    /* --bs-table-striped-bg: rgba(0, 0, 0, 0.05); */
    /* --bs-table-active-color: #747d88; */
    /* --bs-table-active-bg: rgba(0, 0, 0, 0.1); */
    /* --bs-table-hover-color: #747d88; */
    /* --bs-table-hover-bg: rgba(0, 0, 0, 0.075); */
    width: 100%;
    margin-bottom: 1rem;
    /* color: #000; */
    /* vertical-align: top; */
    border-color: #dee2e6;
}
/* ���̺� ��� �� ���� */
.list-group-item {
    border: 1px solid #f3f3f3;
}
.table-secondary {
    --bs-table-bg: #f4f6f8;
}
/* .text-secondary {
     color: #000 !important; 
} */
/* end */

/* ���� ���θ� ��Ʈ �浹 ȸ�� */
ol, ul {
    padding-left: 0rem;
}

/* ��ư�� ���콺���� ���� ȿ��
.btn:hover {
    color: #000;
    border-radius: 16px !important;
    -moz-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    box-shadow: 0 8px 15px rgba(0,0,0,.1);
} */
.btn-primary:hover {
    color: #000;
    background-color: #f5665e !important;
    border-color: #f5665e !important;
}

.border {
		border: 0px solid #f5665e !important;
}
/* .vesitable .vesitable-item .vesitable-img {
		overflow: hidden;
		transition: 0.5s;
		border-radius: 10px 10px 10px 10px;
		border: solid 1px #eee; 
		padding:35px;
}
.fruite .fruite-item .fruite-img img {
		padding:35px;
} */

/* �޴� div�� ���̿� ���� ���� */
#header-carousel.carousel.slide {
    margin-top: 0px; 
}
#header-carousel.carousel.slide .carousel-inner {
    /* height: calc(100vh - 159px);  */  /* ȭ�� ��ü ���̿��� �޴� div�� ���̸� �� �� */
        height: calc(100vh - 105.5px); /* ȭ�� ��ü ���̿��� �޴� div�� ���̸� �� �� */
}
#header-carousel.carousel.slide .carousel-inner .carousel-item {
    width: 100%;
    height: 100%;
}
#header-carousel.carousel.slide .carousel-inner .carousel-item img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/* ���� ��� */
.hero-header {
    background: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* �¿� ��ư ���*/
.carousel-control-next, .carousel-control-prev {
    background: #fff;
}
.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

/* NET , BEST ���콺 ���� */
.vesitable .vesitable-item:hover {
    box-shadow: 0 0 55px rgba(0, 0, 0, .0); 
}

/* .fruite .fruite-item .fruite-img {
    overflow: hidden;
    transition: 0.5s;
    border-radius: 10px 10px 10px 10px;
}

.fruite .tab-class .nav-item a.active {
    background: #d0131a  !important;
}
.fruite .tab-class .nav-item .active-off {
    background: #fff  !important;
	border: 1px solid #e5e5e5 !important;
} */
.rounded-pill {
	/* border: 1px solid #e5e5e5 !important; */
}
/* ��Ӵٿ� �޴� ���� */
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #dc3545;
}


/* <Sub Page> */
.sub-title { }

.sub-visual {
    position: relative;
    width: 100%;
    height: 315px;
    text-align: center;
    background-position: center;
    background-size: cover;
}
.sub-visual h1 {
    font-size: 43px;
    color: #fff;
    font-weight: 500;
}
.sv1 { background-image: url('/child/img/sub/sv1.png'); }
.sv2 { background-image: url('/child/img/sub/sv2.png'); }
.sv3 { background-image: url('/child/img/sub/sv3.png'); }
.sv4 { background-image: url('/child/img/sub/sv4.png'); }
.sv5 { background-image: url('/child/img/sub/sv5.png'); }
.sv6 { background-image: url('/child/img/sub/sv6.png'); }
.sv7 { background-image: url('/child/img/sub/sv7.png'); }
.sv8 { background-image: url('/child/img/sub/sv8.png'); }

.sub-menu {
    overflow-x: auto;
    margin-bottom: var(--space-40);
}
.sub-menu-ul {
    display: flex;
    justify-content: center;
}
.sub-menu-ul li {
    margin: 0 var(--space-5);
}
.sub-menu-ul li a {
    display: block;
    border-radius: var(--border-radius);
    padding: var(--space-10) var(--space-25);
    border: var(--border);
    white-space: nowrap;
}
.sub-menu-ul li.on a {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-white);
    font-weight: var(--fw-bold);
    white-space: nowrap;
}
    @media (max-width: 1000px) {
        .sub-menu-ul {
            justify-content: flex-start;
            overflow-x: scroll
        }
    }
    @media (max-width: 640px) {
        .sub-menu-ul {
            justify-content: flex-start;
            overflow-x: scroll
        }
        .sub-menu-ul li {
            margin: 0 2px
        }
        .sub-menu-ul li a {
            padding: var(--space-6) var(--space-10);
            font-size: var(--font-13);
        }
    }

.contents { padding: 90px 0 145px; }


.intro-l {
    display: inline-block;
    vertical-align: top;
    width: 31.3%;
}
.intro-r {
    display: inline-block;
    vertical-align: top;
    width: 68.7%;
}
.intro1 .line {
    display: block;
    margin-bottom: 16px;
    width: 45px;
    height: 1px;
    background: #e5e5e5;
}
.intro2 {
    padding: 120px 0 150px;
    background: #f5f5f5;
}
.intro2 img {
    margin-top: 40px;
    max-width: 100%;
}



/* ���ô� �� */
.map{ z-index: 1; margin: 40px 0 50px; width: 100%; height: 435px; border: 1px solid #dddddd; }
.location-info { margin-top: 40px; }
.loc { float: left; padding-left: 35px; width: 50%; }
.loc:first-child { padding-left: 0; padding-right: 35px; }
.loc > h2 { margin-bottom: 20px; padding-bottom: 10px; letter-spacing: -0.06em; line-height: 30px; font-size: 20px; color: #333333; font-weight: 500; border-bottom: 1px solid #e5e5e5; }
.loc > p { margin-bottom: 10px; letter-spacing: -0.06em; font-size: 15px; color: #555555; }
.loc > p > strong { color: #333333; }
.loc .fLeft:first-child { width: 17.7%; }
.loc .fLeft:last-child { width: 82.3%; line-height: 30px;}
.loc strong { display: inline-block; letter-spacing: -0.05em; font-size: 15px; color: #333333; }
.loc span { letter-spacing: -0.05em; font-size: 15px; color: #555555; font-weight: 400; }

.loc p { font-size: 15px; color: #333333; font-weight: 500; }

.p-li p:first-child { position: relative; padding-left: 43px; }
.p-li p:first-child strong { position: absolute; top: 1px; left: 0; }
.p-li p { margin-bottom: 13px; }

.loc-row { margin-bottom: 19px; }
.loc-row span { display: block; margin-top: 3px; font-size: 15px; color: #555555; }
.metro { display: inline-block; vertical-align: middle; width: 22px; height: 22px; }
.metro3 { background: url('/img/metro3.png'); }

.location-title { background: url('/img/location.png ') no-repeat right bottom; }
.location-title2 { background: url('/img/location2.png ') no-repeat right bottom; }

.location-img { position: relative; font-size: 0; }
.location-img:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.location-img img { display: inline-block; vertical-align: top; width: 50%; }

@media (max-width: 768px){
.intro1 { padding-bottom: 50px; }
.intro-l  {width: 100%; }
.intro-r { width: 100%;}
.intro-l img { margin: auto; height: 200px; }
.intro2 {padding: 50px 0;}

.map { margin-top: 20px; height: 205px; }
.loc:first-child { padding: 0; width: 100%; }
.loc:last-child { margin-top: 30px; padding: 0; width: 100%; }
.loc > h2 { margin-bottom: 15px; font-size: 18px; }
.loc p { font-size: 14px; }
.location-img img { width: 100%; }

.portfolio-slide { padding: 0 15px; }
.portfolio-slide .slick-next,
.portfolio-slide .slick-prev { display: none !important; }
._p { padding: 0 5px; }

}



@media (max-width: 650px){
.intro-l img { margin: auto; height: 180px; }
}
/**/