@charset "UTF-8";
 /*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');*/
@import url('https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css');
/*!
* Start Bootstrap - SB Admin v7.0.4 (https://startbootstrap.com/template/sb-admin)
* Copyright 2013-2021 Start Bootstrap
* Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-sb-admin/blob/master/LICENSE)
*/
/*!
 * Bootstrap v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto,
        "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
        "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg,
            rgba(255, 255, 255, 0.15),
            rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}


@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth;
    }
}




* {
    font-family: "Noto Sans Korean", "Nanum Gothic", "고딕", sans-serif;
}



body {
    margin: 0;
    font-family: "Noto Sans Korean", "Nanum Gothic", "고딕", sans-serif;
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	
}

hr {
    margin: 1rem 0;
    color: inherit;
    background-color: currentColor;
    border: 0;
    opacity: 0.25;
}

hr:not([size]) {
    height: 1px;
}

h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}

h1,
.h1 {
    font-size: calc(1.375rem + 1.5vw);
}

@media (min-width: 1200px) {

    h1,
    .h1 {
        font-size: 2.5rem;
    }
}

h2,
.h2 {
    font-size: calc(1.325rem + 0.9vw);
}

@media (min-width: 1200px) {

    h2,
    .h2 {
        font-size: 2rem;
    }
}

h3,
.h3 {
    font-size: calc(1.3rem + 0.6vw);
}

@media (min-width: 1200px) {

    h3,
    .h3 {
        font-size: 1.75rem;
    }
}

h4,
.h4 {
    font-size: calc(1.275rem + 0.3vw);
}

@media (min-width: 1200px) {

    h4,
    .h4 {
        font-size: 1.5rem;
    }
}

h5,
.h5 {
    font-size: 1.25rem;
}

h6,
.h6 {
    font-size: 1rem;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

abbr[title],
abbr[data-bs-original-title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
}

ol,
ul {
    padding-left: 2rem;
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0;
}

dt {
    font-weight: 700;
}

dd {
    margin-bottom: 0.5rem;
    margin-left: 0;
}

blockquote {
    margin: 0 0 1rem;
}

b,
strong {
    font-weight: bolder;
}

small,
.small {
    font-size: 0.875em;
}

mark,
.mark {
    padding: 0.2em;
    background-color: #fcf8e3;
}

sub,
sup {
    position: relative;
    font-size: 0.75em;
    line-height: 0;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

a {
    color: #0d6efd;
    text-decoration: underline;
}

a:hover {
    color: #0a58ca;
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none;
}

pre,
code,
kbd,
samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em;
    direction: ltr
        /* rtl:ignore */
    ;
    unicode-bidi: bidi-override;
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: 0.875em;
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal;
}

code {
    font-size: 0.875em;
    color: #d63384;
    word-wrap: break-word;
}

a>code {
    color: inherit;
}

kbd {
    padding: 0.2rem 0.4rem;
    font-size: 0.875em;
    color: #fff;
    background-color: #212529;
    border-radius: 0.2rem;
}

kbd kbd {
    padding: 0;
    font-size: 1em;
    font-weight: 700;
}

figure {
    margin: 0 0 1rem;
}

img,
svg {
    vertical-align: middle;
}

table {
    caption-side: bottom;
    border-collapse: collapse;
}

caption {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    color: #6c757d;
    text-align: left;
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}

label {
    display: inline-block;
}

button {
    border-radius: 0;
}

button:focus:not(:focus-visible) {
    outline: 0 !important;
}

button:active {
    outline: 0 !important;
}

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button,
select {
    text-transform: none;
}

[role="button"] {
    cursor: pointer;
}

select {
    word-wrap: normal;
}

select:disabled {
    opacity: 1;
}

[list]::-webkit-calendar-picker-indicator {
    display: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
    cursor: pointer;
}

::-moz-focus-inner {
    padding: 0;
    border-style: none;
}

textarea {
    resize: vertical;
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: 0.5rem;
    font-size: calc(1.275rem + 0.3vw);
    line-height: inherit;
}

@media (min-width: 1200px) {
    legend {
        font-size: 1.5rem;
    }
}

legend+* {
    clear: left;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
    padding: 0;
}

::-webkit-inner-spin-button {
    height: auto;
}

[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: textfield;
}

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
    padding: 0;
}

::-webkit-file-upload-button {
    font: inherit;
}

::file-selector-button {
    font: inherit;
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}

output {
    display: inline-block;
}

iframe {
    border: 0;
}

summary {
    display: list-item;
    cursor: pointer;
}

progress {
    vertical-align: baseline;
}

[hidden] {
    display: none !important;
}

.lead {
    font-size: 1.25rem;
    font-weight: 300;
}




.row {
	--bs-gutter-x: 0rem;
	--bs-gutter-y: 0;
	display: flex;
	flex-wrap: wrap;
	margin-top: calc(-1 * var(--bs-gutter-y));
	margin-right: calc(-0.5 * var(--bs-gutter-x));
	margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.col-lg-8 {
	flex: 0 0 auto;
	width: 100%;
}

.card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 0px solid rgba(0, 0, 0, 0.125);
	border-radius: 0.25rem;
}

.card .cardLink {
	/* display:inline-block; */
}

.card .cardLink .cardArea {
	display: flex; 
	align-items: center;
	position:relative; 
}

.card .cardLink .cardArea .controlBox {
	position:absolute;
	left:1.88rem ;
	bottom:1.5rem ;
	z-index:100;	
	display:flex;
	align-items:end; 
}

.arrow_left {
	width:3.75rem;
	height:3.75rem;
	margin-right:0.88rem;
}

.arrow_right {
	width:3.75rem;
	height:3.75rem;
}

.count_right {
	font-size:1.5rem;
	color:#777;
	margin-left:2rem;
}

.cardTit {
	position: relative; 
	color:#000; 
	vertical-align:baseline; 
	padding:20px 0;
}

.cardTit .icon {
	float: left; 
	width:2rem;
	line-height:2.5rem; 
	margin-right:0.5rem; 
}

.cardTit .icon img{
	width:100%;
}

.cardTit h2 {
	display:inline-block;
	/* font-family: "Noto Sans Korean"; */
	 
	font-size:2.20rem;
	margin-right:0.5rem;
	letter-spacing:-2px;
}

.cardTit h3 {	
	display:inline-block;
	/* font-family: "Noto Sans Korean"; */
	font-weight:400; 
	font-size:1.60rem;
	letter-spacing:-1px;
}


.desc {font-size:17px;}


.mainProd {
	position:relative;
	margin-top:-5.5rem;
	padding:0 0 5.5rem;
}
.pro_text {
    border-radius: 0 5px 0px 0px;
    position: absolute;
    display: inline-block;
    padding: 0 1.25rem;
    height: 3.25rem;
    background-color: #e64033;
    bottom: 0;
    left: 0px;
}



@media all and (min-width: 900px){

.carWarp {display: grid;grid-template-columns: 1fr;gap: 15px;z-index: 1;}
.carWarp1 {display: grid;grid-template-columns: 1fr ;gap:4px;z-index: 1;}
.carWarp2 {display: grid;grid-template-columns: 1fr 1fr;gap:10px;z-index: 1;margin-bottom:50px;}
.carWarp4 {display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 35px;z-index: 1;}
.carWarp3 {display: grid;grid-template-columns: 1fr 1fr;gap:10px;z-index: 1;}
.carWarp5 {display: grid;grid-template-columns: 1fr 1fr;gap:10px;z-index: 1;}
.carWarp6 {display: grid;grid-template-columns: 1fr;gap:10px;z-index: 1;}
.carWarp7 {display: grid;grid-template-columns: 1fr;gap:10px;z-index: 1;}
.button1 {width: calc(100% - 00px);height: 60px;display: flex;align-items: center;justify-content: center;margin: 0px;background: linear-gradient(to bottom, #d4000c 0%, #d4000c 100%);border-radius: 8px;color: #fff;font-size: 19px;font-weight: 500;letter-spacing: -1px;border:0;}
.button2 {width: calc(100% - 0px);height:40px;display: flex;align-items: center;justify-content: center;margin: 0 0px 0px;background: linear-gradient(to bottom, #373f62 0%, #222948 100%);border-radius: 8px;color: #fff;font-size:15px;font-weight: 500;letter-spacing: -1px;border:0;}
.button3 {width: calc(100% - 0px);height:60px;display: flex;align-items: center;justify-content: center;margin: 0 0px 0px;background: linear-gradient(to bottom, #373f62 0%, #222948 100%);border-radius:0 0 8px 8px;color: #fff;font-size:18px;font-weight: 500;letter-spacing: -1px;border:0;}
.button4 {width: calc(100% - 0px);height:60px;display: flex;align-items: center;justify-content: center;margin: 0 0px 0px;background: linear-gradient(to bottom, #373f62 0%, #222948 100%);border-radius:8px;color: #fff;font-size:18px;font-weight: 500;letter-spacing: -1px;border:0;}

.c_card1 {float:left;width:100%;margin-top:20px; display: grid;grid-template-columns: 1fr 1fr 1fr;gap:35px;flex-direction: column;margin-bottom:1.13rem;}
.c_card1 .card_a1 {border-radius: 1rem 1rem;box-shadow: 0 0 0.75rem rgba(0, 0, 0, 0.2);position: relative;}
.c_card1 .card_a1 .card_img {position: relative;border-radius: 1rem 1rem 0 0;background-repeat: no-repeat;background-size:cover;background-size: 80%;height: 12rem;background-color: #eef2f7;background-position: center;}
.c_card1 .card_a1 .card_txt {padding: 1rem 1.25rem 1rem;}
.c_card1 .card_a1 .card_txt .txt1{font-family: 'Noto Sans Korean';font-size: 1.65rem;letter-spacing: 0px;color: rgba(0, 0, 0, 0.85);word-break: keep-all;}
.c_card1 .card_a1 .card_txt .txt2{font-family: 'Noto Sans Korean';font-size: 1.1rem;letter-spacing: 0px;color: rgba(0, 0, 0, 0.55);}
.c_card1 .card_a1 .card_txt .txt3{font-family: 'Noto Sans Korean';font-weight: 100;font-size: 14px;letter-spacing: 0px;color: rgba(0, 0, 0, 0.55);}
.c_card1 .card_a1 .card_txt .txt4{font-family: 'Noto Sans Korean';font-weight: 500;font-size: 1.1rem;letter-spacing: 0px;color:#000;}
.c_card1 .card_a1 .card_txt .txt4 span{color:#d4000c;padding-left:10px;}
.c_card1 .card_a1 .card_txt .txt5{float:left;width:100%;height:30px;}
.c_card1 .card_a1 .card_txt .txt5 img{position:absolute;left:12px;width:60px;}
.c_card1 .card_a1 .card_bt{width: calc(50% - 0px);height:50px;display: flex;align-items: center;justify-content: center;margin: 0px;background: linear-gradient(to bottom, #d4000c 0%, #d4000c 100%);border-radius:8px;color: #fff;margin:0 auto; font-size: 19px;font-weight: 500;letter-spacing: -1px;border: 0;margin-bottom:1rem}
.c_card2 {float:left;width:100%;margin-top:20px; display: grid;grid-template-columns: 1fr;gap:35px;flex-direction: column;margin-bottom:1.13rem;}
.c_card2 .card_a2 {border-radius: 1rem 1rem;box-shadow: 0 0 0.75rem rgba(0, 0, 0, 0.2);position: relative;}
.c_card2 .card_a2 .card_img {float:left;width:50%;background-size: 80%;background-size:cover;background-position: center;background-color: #eef2f7;padding:50px;}
.c_card2 .card_a2 .card_txt {float:left;width:50%;padding: 1rem 1.25rem 0rem;}
.c_card2 .card_a2 .card_txt .txt1{font-family: 'Noto Sans Korean';font-size: 2.5rem;letter-spacing: 0px;color: rgba(0, 0, 0, 0.85);word-break: keep-all;}
.c_card2 .card_a2 .card_txt .txt2{font-family: 'Noto Sans Korean';font-weight: 400;font-size: 1.7rem;letter-spacing: 0px;color: rgba(0, 0, 0, 0.55);}
.c_card2 .card_a2 .card_bt{width: calc(50% - 0px);height:50px;display: flex;align-items: center;justify-content: center;margin: 0px;background: linear-gradient(to bottom, #d4000c 0%, #d4000c 100%);border-radius:8px;color: #fff;margin:0 auto; font-size: 19px;font-weight: 500;letter-spacing: -1px;border: 0;margin-bottom:1rem}
.card_bt{width: calc(50% - 0px);height:50px;display: flex;align-items: center;justify-content: center;margin: 0px;background: linear-gradient(to bottom, #d4000c 0%, #d4000c 100%);border-radius:8px;color: #fff;margin:0 auto; font-size: 19px;font-weight: 500;letter-spacing: -1px;border: 0;margin-bottom:1rem}
.table_st3 {border-top:1px solid; margin-top:40px;}
 .table_st3 th{
	background: #eff1f6;
    font-size: 16px;
    font-weight: 600;
    vertical-align: middle;
	text-align:center;
	height:60px;
}
 .table_st3 th.highlight{border:2px solid #d4000c; border-bottom:none; background:#d4000c; color:#fff; font-size:17px;}
 .table_st3 td.highlight{border:2px solid #d4000c;border-bottom:none; border-top:none; color:#d4000c; font-weight:600; font-size:17px;}
 .table_st3 td .circleNum {
    display: inline-block;
    background: #fff;
    text-align: center;
    color: #176af0;
    margin-right: 5px;
    font-weight: bold;
}

 .table_st3 tr:last-child td.highlight {border-bottom:2px solid #d4000c}
 .table_st3 td{font-size:15px; padding:30px;background: #fff;}
 .table_st3 {
	width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    word-break: break-all;
}
 .table_center td{text-align:center; padding:15px }
 .table_center td:first-child{background: #eff1f6;}
 .tableRow td {vertical-align: middle;}
 .tableRow td,  .tableRow th {border-left:1px solid #ebebeb; text-align:center; }
 .tableRow th:first-child{border-left:none;}
 .tableRow td.tableTit {font-weight:700; border-left:none;  background:#eff1f6;font-size: 16px;}
 .tableRow.left td {text-align:left;}
 .tableRow.left td.tableTit  {text-align:center;}
 .tableRow2 td {vertical-align: middle; padding:15px 30px;}
 .tableRow2 td,  .tableRow2 th {border-left:1px solid #ebebeb; text-align:center; }
 .tableRow2 th {background: #063270; color:#fff; border-left:none;}
 .tableRow2 th:first-child{border-left:none;}
 .tableRow2 td.tableTit {font-weight:700; border-left:none; background:#eff1f6;font-size: 16px;}
 .tableRow2 td.tableTxt{font-weight:600;background: #eff1f6;}
.table_st3 tbody tr {border-bottom: 1px solid #ebebeb;}
.select input[type=radio] {
        display: none;
    }

    .select input[type=radio]+label {
        display: inline-block;
        cursor: pointer;
        height: 45px;
        width: 235px;
        border: 1px solid #ddd;
        line-height: 45px;
        text-align: center;
        font-weight: bold;
        font-size: 17px;
        border-radius: 10px;
    }

    .select input[type=radio]+label {
        background-color: #fff;
        color: #333;
    }

    .select input[type=radio]:checked+label {
        background-color: #0072ff;
        color: #fff;
    }

    .select1 input[type=radio] {
        display: none;
    }

    .select1 input[type=radio]+label {
        display: inline-block;
        cursor: pointer;
        height: 45px;
        width: 155px;
        border: 1px solid #ddd;
        line-height: 45px;
        text-align: center;
        font-weight: bold;
        font-size: 17px;
        border-radius: 10px;
    }

    .select1 input[type=radio]+label {
        background-color: #fff;
        color: #333;
    }

    .select1 input[type=radio]:checked+label {
        background-color: #f25b00;
        color: #fff;
    }

    .viewcard {
        border: 1px solid #e0e0e0;
        box-sizing: border-box;
        border-radius: 15px;
        background: #fff;
        padding: 25px 25px 25px 25px;
    }

    .viewcard .cdwrap {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 15px;
    }

    .viewcard .cdwrap .carimg {
        width: 100%;
        text-align: center;
		background-color: #eef2f7;
		border-radius: 15px;
    }

    .viewcard .cdwrap .carimg img {
        width: 450px;
        padding-top: 100px;
    }

    .viewcard .cdwrap .carcompany {
        float: left;
        width: 100%;
    }

    .viewcard .cdwrap .cartit {
        float: left;
        width: 100%;
        margin-left: 15px;
        font-size: 30px;
        letter-spacing: -1px;
        line-height: 40px;
    }

    .viewcard .cdwrap .carspec {
        float: left;
        width: 100%;
        margin-left: 15px;
        font-size: 15px;
        color: #7a7a7a;
        letter-spacing: -1px;
        line-height: 40px;
    }

    .viewcard .cdwrap .txtwrap {
        margin-left: 15px;
        text-align: left;
    }

    .viewcard .cdwrap .txtwrap .txt {
        line-height: 40px;
        font-weight: 700;
    }

    .viewcardtxt {
        margin-top: 30px;
        border: 1px solid #e0e0e0;
        box-sizing: border-box;
        border-radius: 15px;
        background: #fff;
        padding: 25px 25px 25px 25px;
    }

    .viewcardtxt .cdwrap {
        display: grid;
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .viewcardtxt .cdwrap .cartit {
        float: left;
        width: 100%;
        text-align: center;
        font-size: 25px;
        font-weight: 700;
        letter-spacing: -1px;
        line-height: 40px;
    }

    .viewcardtxt .cdwrap .cartit span {
        color: red;
        padding-left: 30px;
        font-weight: 700;
        font-size: 35px;
    }


.top_menu {float:left;width:100%;}
.top_menu .tpwrap {width:100%; margin:0 auto;}
.top_menu .tpwrap .menubar{float:left;width:100%;}
.top_menu .tpwrap .menubar .menuwrap{text-align:center;width:1200px;margin:0 auto;}
.top_menu .tpwrap .menubar .menuwrap .ttop{float:left;text-align:center;width:100%;margin:0 auto;}
.top_menu .tpwrap .menubar .menuwrap .ttop .logo{float:left;width:250px;height:100px;}
.top_menu .tpwrap .menubar .menuwrap .ttop .logo .log{padding:20px;} 
.top_menu .tpwrap .menubar .menuwrap .ttop .logo .log img{width:100%;cursor: pointer;} 
.top_menu .tpwrap .menubar .menuwrap .ttop .top_banner {float:left;width:700px;height:100px;}
.top_menu .tpwrap .menubar .menuwrap .ttop .top_banner .img{padding:20px;}
.top_menu .tpwrap .menubar .menuwrap .ttop .top_banner .img img{width:100%;cursor: pointer;} 
.top_menu .tpwrap .menubar .menuwrap .ttop .customer {float:left;width:250px;padding-top:10px;height:100px;}
.top_menu .tpwrap .menubar .menuwrap .ttop .customer .telwrap{padding-left:20px;font-size:30px;}
.top_menu .tpwrap .menubar .pcmenu{float:left;width:100%;margin:0 auto; border-top: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9; width:100%;padding:16px;background:#fff;text-align:center;font-size:22px;color:#000;}
.top_menu .tpwrap .menubar .pcmenu .menu_wrap {width:1200px;font-weight:900; margin:0 auto; display:grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr;gap:0px;flex-direction: column;}
.main_V {float:left;width:100%;background:#fff;padding:40px 0 0 0;}
.main_V .vwrap{width:1200px; margin:0 auto;}
.main_n {float:left;width:100%;background:#fff;padding:0;}
.main_n .vwrap{width:1200px; margin:0 auto;}

.main_n .vwrap .main_banner_7 {width:100%;height:100px;background:#ddd;overflow:hidden;border-radius:1rem;}

.main_card {float:left;width:100%;background:#fff;padding:40px 0;}
.main_card .wrap{width:1200px; margin:0 auto;}
.main_card .wrap .tit{float:left;width:100%;}
.main_banner {float:left;width:100%; background:#fff8e3; padding:70px 0;}
.main_banner .wrap{width:1200px; margin:0 auto;}
.main_banner .wrap .cardbox {float:left;width: 100%;margin-top: 20px;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap:20px;flex-direction: column;margin-bottom: 1.13rem;}
.main_banner .wrap .cardbox .card_b {width:100%;padding: 20px;font-size:20px; text-align: center;background: #ffff;border-radius: 10px;}

/*background: url(/common/newyear.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover; */
.main_visual {width:1200px; margin:0 auto;}	
.main_visual .main_visual_box {float:left;width:100%;}
.main_visual .main_visual_box .main_visual_sel {float:left;width:820px;height:370px;overflow:hidden;}
button{overflow:visible}
button{margin:0;padding:0;border:0;background:none;width:auto;cursor:pointer;overflow:visible;vertical-align:middle;background:transparent;cursor:pointer; font-family:"Noto Sans Korean", Sans-serif; }
.mainConsult {position:absolute;margin-left:840px;z-index:100;float:right;background:#fff;border: 1px solid #d9d9d9;width: 360px;height:370px;border-radius:15px;}
.mainConsult .selectbox {float: left;width: 100%;padding: 0 0 10px 0;}
.mainConsult .selectbox select{width: 100%;padding: 6px;border: 1px solid #ebebeb;line-height: 38px;font-size:14px;height: 38px;}
.mainConsult .required,textarea.required {background-image: url(../../common/img/require.png) !important;background-repeat: no-repeat !important;background-position: left center !important;}
.mainConsult .selectbox .required{width: 100%;    padding: 6px;    border: 1px solid #ebebeb;    line-height: 38px;	font-size:14px;	padding-left:25px;	height: 38px;}
.mainConsult .sel_boxwr {float: left;width: 100%;padding:40px;}
.mainConsult .sel_boxwr .box78{text-align:center;font-weight: 400;    font-size: 22px;    margin-bottom: 15px;    line-height: 30px;    color: #333;	    font-weight: 700;		}
.a11y-hidden,.hide { position:absolute !important; width:1px !important; height:1px !important; color:transparent !important; overflow:hidden !important; clip:rect(1px, 1px, 1px, 1px); -webkit-clip-path:inset(50%); clip-path:inset(50%); margin:0 !important; padding:0 !important;}
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;   -webkit-touch-callout: none; -khtml-user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list { transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before,
.slick-track:after {display: table; content: ""; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir=rtl] .slick-slide { float: right;}
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block;height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden { display: none; }    
.slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; }
.slick-dots li { position: relative; display: inline-block; margin: 0 4px; padding: 0; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; /*outline: none;*/ line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; }
/* .slick-dots li button:hover, .slick-dots li button:focus {outline: none; } */
.slick-dots li button:hover:before, .slick-dots li button:focus:before {opacity: 1; }
.slick-dots li button:before { content:''; position: absolute;top:50%; left:50%; margin:-4px 0 0 -4px; display:block; width:8px; height:8px; border-radius:50%; text-align:center; background:rgb(255 255 255 / 40%); -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { background:#1A399E; }
.main-slide-re { position: relative;width:100%; overflow:hidden; margin:0 auto;border-radius: 15px; }
.main-slide-re > ul{ }
.main-slide-re > ul li {}
.main-slide-re > ul li a {width:820px; height:370px; display:block; position:relative;}
.main-slide-re > ul li a:focus{outline:2px solid #FE6B8B; outline-offset: -2px;}
.main-slide-re > ul li:focus{outline:2px solid #FE6B8B; outline-offset: -2px;}
.main-slide-re > ul li a .slide-img { position:absolute; left:0; top:0; z-index:2; }
.main-slide-re > ul li a .slide-img img { width:820px; height:370px; }
.main-slide-re > ul li a .slide-con{ position:relative; z-index:3; width:820px; padding:162px 0 0 180px; color:#FFF; font-size:20px;}
.main-slide-re > ul li a .slide-con span{ display: inline-block; padding:0.5em 1em; background-color: #EC008C; border-radius: 2em; font-weight: 600;  }
.main-slide-re > ul li a .slide-con strong{ display: block; font-size: 64px; font-weight:700; line-height: 1; letter-spacing: -0.01em; margin-top:32px; }
.main-slide-re > ul li a .slide-con p{ font-weight: 500; margin-top: 20px;}
.main-slide-re .slick-arrow{ position: absolute; top:150px; width: 40px; height: 40px; text-indent: -9999px; z-index: 197;}
.main-slide-re .slick-arrow:focus{ outline:2px solid #FE6B8B;}
.main-slide-re .slick-arrow.slick-disabled:after { opacity:0.5; }
.main-slide-re .slick-prev { left:20px; }
.main-slide-re .slick-next { right:20px; }
.main-slide-re .slick-prev:after, 
.main-slide-re .slick-next:after { content:''; display:block; position:absolute; top:0; left:0; width:40px; height:40px; }
.main-slide-re .slick-prev:after { background:url(/common/img/main_arrow_left.svg) center center no-repeat;  }
.main-slide-re .slick-next:after { background: url(/common/img/main_arrow_right.svg) center center no-repeat; }
.main-slide-re .indicator-box-wrap { width:330px; position: absolute; bottom:20px; left:30px; display: flex; align-items: center;}
.main-slide-re .indicator-box-wrap .paging-num { width:50px; font-size:14px; color:rgba(255,255,255,.2); text-align: right; }
.main-slide-re .indicator-box-wrap .paging-num .active { color:#fff;}
.main-slide-re .indicator-box-wrap .paging { overflow: hidden; cursor:default; }
.main-slide-re .slick-dots { position: static; width:120px; display: flex;  background-color: rgba(255,255,255,.2); }
.main-slide-re .slick-dots li { flex:1; border-radius: 0; margin:0; position:relative; }
.main-slide-re .slick-dots li button { padding:0; height:3px; width:100%;}
.main-slide-re .slick-dots li button:focus {outline:2px solid #FE6B8B !important;}
.main-slide-re .slick-dots li button:before { content: none;}
.main-slide-re .slick-dots li.slick-active:after { width:100%; height:3px; content:''; background-color:#fff; animation: slideBarWidth 4s forwards; border-radius: 0; position:absolute; left:0; top:0;}
.main-slide-re .indicator-box-wrap > button{ width: 16px; height: 16px; margin-left: 8px;}
.main-slide-re .indicator-box-wrap > button:focus{outline:2px solid #FE6B8B !important;}
.main-slide-re .indicator-box-wrap .btn-play{ background: url(/common/img/play.svg) center center no-repeat; }
.main-slide-re .indicator-box-wrap .btn-pause{ background: url(/common/img/pause.svg) center center no-repeat;}
.button3 {width: calc(100% - 0px);height: 61px;display: flex;align-items: center;justify-content: center;margin: 0 0px 0px;background: linear-gradient(to bottom, #d4000c 0%, #d4000c 100%);border-radius: 0 0 12px 12px;color: #fff;font-size: 18px;font-weight: 500;letter-spacing: -1px;border: 0;}

.sub_v {padding-bottom:40px;}
.sub_v img{border-radius: 1rem 1rem;}
.copy {float:left;width: 100%;background-color: #2c2c2c; padding:40px;}
.copy .copy_wrap{width:1200px; margin:0 auto;color:#fff;}
.copy .copy_wrap .wrap{float:left;width:100%;}
.copy .copy_wrap .wrap .copylogo{float:left;width:200px;height:100px;}
.copy .copy_wrap .wrap .copylogo img{width:150px;}
.copy .copy_wrap .wrap .copytxt {float:left;}
.estimate_pop {position:absolute;z-index:500;top:300px;left:0px;}
.estimate_pop .estimate_popwrap {position: fixed;top: 240px; right: 15px;}
.estimate_pop .estimate_popwrap .titwrap{width:230px;background:#ffffff;border-radius:15px;box-shadow: 0px 10px 15px 0px rgba(0, 13, 56, 0.1);}
.estimate_pop .estimate_popwrap .titwrap .tit{background:#0000ed;color:#fff;text-align:center;padding:10px;border-radius:15px 15px 0 0 ;}
.estimate_pop .estimate_popwrap .right_pop {width:100%;padding:15px;}
.estimate_pop .estimate_popwrap .right_pop .wrap{background: #fff;}
.estimate_pop .estimate_popwrap .right_pop .wrap .txt_input{text-align:center;width:100%;margin:0 auto;}
.estimate_pop .estimate_popwrap .right_pop .wrap .txt_input .inbox {padding:2px 0;}
.estimate_pop .estimate_popwrap .right_pop .wrap .txt_input .inbox input{width:100%;padding:6px;font-size:14px;border-radius:7px;border: 1px solid #e0e0e0;}
.estimate_pop .estimate_popwrap .right_pop .wrap .txt_input .inbox_r {padding:2px 0;text-align:left;color:#000;}
.estimate_pop .estimate_popwrap .right_pop .wrap .txt_input .inbox_a {padding:2px 0;text-align:left;line-height:3;color:#000;font-size:11px;}
.estimate_pop .estimate_popwrap .right_pop .wrap .txt_input .input-radio {padding-right:10px;}


      .swiper {
        width: 100%;
        height: 100%;
      }

      .swiper-slide {
        text-align: center;
        font-size: 18px;


        /* Center slide text vertically */
        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-button-next {color:#fff;}
	.swiper-button-prev {color:#fff;}
	
	
	
	
.menu {display:none;}


	
}@media all and (max-width: 900px){

.carWarp {display: grid;grid-template-columns: 1fr;gap: 15px;z-index: 1;}
.carWarp1 {display: grid;grid-template-columns: 1fr ;gap:4px;z-index: 1;}
.carWarp2 {display: grid;grid-template-columns: 1fr 1fr;gap:10px;z-index: 1;margin-bottom:50px;}
.carWarp4 {display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 35px;z-index: 1;}
.carWarp3 {display: grid;grid-template-columns: 1fr 1fr;gap:10px;z-index: 1;}
.carWarp5 {display: grid;grid-template-columns: 1fr 1fr;gap:10px;z-index: 1;}
.carWarp6 {display: grid;grid-template-columns: 1fr;gap:10px;z-index: 1;}
.carWarp7 {display: grid;grid-template-columns: 1fr;gap:10px;z-index: 1;}
.button1 {width: calc(100% - 00px);height: 60px;display: flex;align-items: center;justify-content: center;margin: 0px;background: linear-gradient(to bottom, #d4000c 0%, #d4000c 100%);border-radius: 8px;color: #fff;font-size: 19px;font-weight: 500;letter-spacing: -1px;border:0;}
.button2 {width: calc(100% - 0px);height:40px;display: flex;align-items: center;justify-content: center;margin: 0 0px 0px;background: linear-gradient(to bottom, #373f62 0%, #222948 100%);border-radius: 8px;color: #fff;font-size:15px;font-weight: 500;letter-spacing: -1px;border:0;}
.button3 {width: calc(100% - 0px);height:60px;display: flex;align-items: center;justify-content: center;margin: 0 0px 0px;background: linear-gradient(to bottom, #373f62 0%, #222948 100%);border-radius:0 0 8px 8px;color: #fff;font-size:18px;font-weight: 500;letter-spacing: -1px;border:0;}
.button4 {width: calc(100% - 0px);height:60px;display: flex;align-items: center;justify-content: center;margin: 0 0px 0px;background: linear-gradient(to bottom, #373f62 0%, #222948 100%);border-radius:8px;color: #fff;font-size:18px;font-weight: 500;letter-spacing: -1px;border:0;}

.c_card1 {float:left;width:100%;margin-top:20px; display: grid;grid-template-columns: 1fr;gap:20px;flex-direction: column;margin-bottom:1.13rem;}
.c_card1 .card_a1 {border-radius: 1rem 1rem;box-shadow: 0 0 0.75rem rgba(0, 0, 0, 0.2);position: relative;}
.c_card1 .card_a1 .card_img {position: relative;border-radius: 1rem 1rem 0 0;background-repeat: no-repeat;background-size: 80%;
background-size:cover;
background-position: center;height: 12rem;background-color: #eef2f7;}
.c_card1 .card_a1 .card_txt {padding: 1rem 1.25rem 1rem;}
.c_card1 .card_a1 .card_txt .txt1{font-family: 'Noto Sans Korean';font-size: 1.65rem;letter-spacing: 0px;color: rgba(0, 0, 0, 0.85);word-break: keep-all;}
.c_card1 .card_a1 .card_txt .txt2{font-family: 'Noto Sans Korean';font-size: 1.1rem;letter-spacing: 0px;color: rgba(0, 0, 0, 0.55);}
.c_card1 .card_a1 .card_txt .txt3{font-family: 'Noto Sans Korean';font-weight: 100;font-size: 14px;letter-spacing: 0px;color: rgba(0, 0, 0, 0.55);}
.c_card1 .card_a1 .card_txt .txt4{font-family: 'Noto Sans Korean';font-weight: 500;font-size: 1.1rem;letter-spacing: 0px;color:#000;}
.c_card1 .card_a1 .card_txt .txt4 span{color:#d4000c;padding-left:10px;}
.c_card1 .card_a1 .card_txt .txt5{float:left;width:100%;height:30px;}
.c_card1 .card_a1 .card_txt .txt5 img{position:absolute;left:12px;width:60px;}
.c_card1 .card_a1 .card_bt{width: calc(50% - 0px);height:50px;display: flex;align-items: center;justify-content: center;margin: 0px;background: linear-gradient(to bottom, #d4000c 0%, #d4000c 100%);border-radius:8px;color: #fff;margin:0 auto; font-size: 19px;font-weight: 500;letter-spacing: -1px;border: 0;margin-bottom:1rem}
.c_card2 {float:left;width:100%;margin-top:20px; display: grid;grid-template-columns: 1fr;gap:35px;flex-direction: column;margin-bottom:1.13rem;}
.c_card2 .card_a2 {border-radius: 1rem 1rem;box-shadow: 0 0 0.75rem rgba(0, 0, 0, 0.2);position: relative;}
.c_card2 .card_a2 .card_img {float:left;width:50%;text-align:center;background-color: #eef2f7;padding:50px;}
.c_card2 .card_a2 .card_txt {float:left;width:50%;padding: 1rem 1.25rem 0rem;}
.c_card2 .card_a2 .card_txt .txt1{font-family: 'Noto Sans Korean';font-size: 2.5rem;letter-spacing: 0px;color: rgba(0, 0, 0, 0.85);word-break: keep-all;}
.c_card2 .card_a2 .card_txt .txt2{font-family: 'Noto Sans Korean';font-weight: 400;font-size: 1.7rem;letter-spacing: 0px;color: rgba(0, 0, 0, 0.55);}
.c_card2 .card_a2 .card_bt{width: calc(50% - 0px);height:50px;display: flex;align-items: center;justify-content: center;margin: 0px;background: linear-gradient(to bottom, #d4000c 0%, #d4000c 100%);border-radius:8px;color: #fff;margin:0 auto; font-size: 19px;font-weight: 500;letter-spacing: -1px;border: 0;margin-bottom:1rem}
.card_bt{width: calc(50% - 0px);height:50px;display: flex;align-items: center;justify-content: center;margin: 0px;background: linear-gradient(to bottom, #d4000c 0%, #d4000c 100%);border-radius:8px;color: #fff;margin:0 auto; font-size: 19px;font-weight: 500;letter-spacing: -1px;border: 0;margin-bottom:1rem}


.table_st3 {border-top:1px solid; margin-top:40px;}
 .table_st3 th{
	background: #eff1f6;
    font-size: 16px;
    font-weight: 600;
    vertical-align: middle;
	text-align:center;
	height:60px;
}
 .table_st3 th.highlight{border:2px solid #d4000c; border-bottom:none; background:#d4000c; color:#fff; font-size:17px;}
 .table_st3 td.highlight{border:2px solid #d4000c;border-bottom:none; border-top:none; color:#d4000c; font-weight:600; font-size:17px;}
 .table_st3 td .circleNum {
    display: inline-block;
    background: #fff;
    text-align: center;
    color: #176af0;
    margin-right: 5px;
    font-weight: bold;
}

 .table_st3 tr:last-child td.highlight {border-bottom:2px solid #d4000c}
 .table_st3 td{font-size:15px; padding:30px;background: #fff;}
 .table_st3 {
	width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    word-break: break-all;
}
 .table_center td{text-align:center; padding:15px }
 .table_center td:first-child{background: #eff1f6;}
 .tableRow td {vertical-align: middle;}
 .tableRow td,  .tableRow th {border-left:1px solid #ebebeb; text-align:center; }
 .tableRow th:first-child{border-left:none;}
 .tableRow td.tableTit {font-weight:700; border-left:none;  background:#eff1f6;font-size: 16px;}
 .tableRow.left td {text-align:left;}
 .tableRow.left td.tableTit  {text-align:center;}
 .tableRow2 td {vertical-align: middle; padding:15px 30px;}
 .tableRow2 td,  .tableRow2 th {border-left:1px solid #ebebeb; text-align:center; }
 .tableRow2 th {background: #063270; color:#fff; border-left:none;}
 .tableRow2 th:first-child{border-left:none;}
 .tableRow2 td.tableTit {font-weight:700; border-left:none; background:#eff1f6;font-size: 16px;}
 .tableRow2 td.tableTxt{font-weight:600;background: #eff1f6;}
.table_st3 tbody tr {border-bottom: 1px solid #ebebeb;}
.select input[type=radio] {
        display: none;
    }

    .select input[type=radio]+label {
        display: inline-block;
        cursor: pointer;
        height: 45px;
        width: 235px;
        border: 1px solid #ddd;
        line-height: 45px;
        text-align: center;
        font-weight: bold;
        font-size: 17px;
        border-radius: 10px;
    }

    .select input[type=radio]+label {
        background-color: #fff;
        color: #333;
    }

    .select input[type=radio]:checked+label {
        background-color: #0072ff;
        color: #fff;
    }

    .select1 input[type=radio] {
        display: none;
    }

    .select1 input[type=radio]+label {
        display: inline-block;
        cursor: pointer;
        height: 45px;
        width: 30%;
        border: 1px solid #ddd;
        line-height: 45px;
        text-align: center;
        font-weight: bold;
        font-size: 17px;
        border-radius: 10px;
    }

    .select1 input[type=radio]+label {
        background-color: #fff;
        color: #333;
    }

    .select1 input[type=radio]:checked+label {
        background-color: #f25b00;
        color: #fff;
    }

    .viewcard {
        border: 1px solid #e0e0e0;
        box-sizing: border-box;
        border-radius: 15px;
        background: #fff;
        padding: 25px 25px 25px 25px;
    }

    .viewcard .cdwrap {
        display: grid;
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .viewcard .cdwrap .carimg {
        width: 100%;
        text-align: center;
		background-color: #eef2f7;
		border-radius: 15px;
		padding:20px;
    }

    .viewcard .cdwrap .carimg img {
        width: 80%;
    }

    .viewcard .cdwrap .carcompany {
        float: left;
        width: 100%;
    }

    .viewcard .cdwrap .cartit {
        float: left;
        width: 100%;
        margin-left: 15px;
        font-size: 30px;
        letter-spacing: -1px;
        line-height: 40px;
    }

    .viewcard .cdwrap .carspec {
        float: left;
        width: 100%;
        margin-left: 15px;
        font-size: 15px;
        color: #7a7a7a;
        letter-spacing: -1px;
        line-height: 40px;
    }

    .viewcard .cdwrap .txtwrap {
		float: left;
        width: 100%;
        margin-left: 15px;
        text-align: left;
    }

    .viewcard .cdwrap .txtwrap .txt {
        line-height: 40px;
        font-weight: 700;
    }

    .viewcardtxt {
        margin-top: 30px;
        border: 1px solid #e0e0e0;
        box-sizing: border-box;
        border-radius: 15px;
        background: #fff;
        padding: 25px 25px 25px 25px;
    }

    .viewcardtxt .cdwrap {
        display: grid;
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .viewcardtxt .cdwrap .cartit {
        float: left;
        width: 100%;
        text-align: center;
        font-size: 25px;
        font-weight: 700;
        letter-spacing: -1px;
        line-height: 40px;
    }

    .viewcardtxt .cdwrap .cartit span {
        color: red;
        padding-left: 30px;
        font-weight: 700;
        font-size: 35px;
    }


.top_menu {float:left;width:100%;display:none;}
.top_menu .tpwrap {width:100%; margin:0 auto;}
.top_menu .tpwrap .menubar{float:left;width:100%;}
.top_menu .tpwrap .menubar .menuwrap{text-align:center;width:100%;margin:0 auto;}
.top_menu .tpwrap .menubar .menuwrap .ttop{float:left;text-align:center;width:100%;margin:0 auto;}
.top_menu .tpwrap .menubar .menuwrap .ttop .logo{float:left;width:250px;height:100px;}
.top_menu .tpwrap .menubar .menuwrap .ttop .logo .log{padding:20px;} 
.top_menu .tpwrap .menubar .menuwrap .ttop .logo .log img{width:100%;cursor: pointer;} 
.top_menu .tpwrap .menubar .menuwrap .ttop .top_banner {float:left;width:700px;height:100px;}
.top_menu .tpwrap .menubar .menuwrap .ttop .top_banner .img{padding:20px;}
.top_menu .tpwrap .menubar .menuwrap .ttop .top_banner .img img{width:100%;cursor: pointer;} 
.top_menu .tpwrap .menubar .menuwrap .ttop .customer {float:left;width:250px;padding-top:10px;height:100px;}
.top_menu .tpwrap .menubar .menuwrap .ttop .customer .telwrap{padding-left:20px;font-size:30px;}
.top_menu .tpwrap .menubar .pcmenu{float:left;width:100%;margin:0 auto; border-top: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9; width:100%;padding:16px;background:#fff;text-align:center;font-size:22px;color:#000;}
.top_menu .tpwrap .menubar .pcmenu .menu_wrap {width:100%; margin:0 auto; display:grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr;gap:0px;flex-direction: column;}
.main_V {float:left;width:100%;background:#fff;padding:20px;}
.main_V .vwrap{width:100%;}
.main_n {float:left;width:100%;background:#fff;padding:0;}
.main_n .vwrap{width:100%; margin:0 auto;}
.main_n .vwrap .main_banner_7 {width:100%;padding:0 20px; background:#fff;overflow:hidden;border-radius:1rem;}
.main_n .vwrap .main_banner_7 img{width:100%;}

.main_card {float:left;width:100%;background:#fff;padding:20px;}
.main_card .wrap{width:100%; margin:0 auto;}
.main_card .wrap .tit{float:left;width:100%;}
.main_banner {float:left;width:100%; background:#fff8e3; padding:20px;}
.main_banner .wrap{width:100%; margin:0 auto;}
.main_banner .wrap .cardbox {float:left;width: 100%;margin-top: 20px;display: grid;grid-template-columns: 1fr 1fr;gap:20px;flex-direction: column;margin-bottom: 1.13rem;}
.main_banner .wrap .cardbox .card_b {width:100%;padding: 20px;font-size:17px; text-align: center;background: #ffff;border-radius: 10px;}

/*background: url(/common/newyear.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover; */
.main_visual {float:left;width:100%;}	
.main_visual .main_visual_box {float:left;width:100%;}
.main_visual .main_visual_box .main_visual_sel {float:left;width:100%;}
.main_visual .main_visual_box .main_visual_sel img{width:100%;}
button{overflow:visible}
button{margin:0;padding:0;border:0;background:none;width:auto;cursor:pointer;overflow:visible;vertical-align:middle;background:transparent;cursor:pointer; font-family:"Noto Sans Korean", Sans-serif; }
.mainConsult {float:left;background:#fff;margin-top:20px;border: 1px solid #d9d9d9;width: 100%;height:320px;border-radius:15px;}
.mainConsult .selectbox {float: left;width: 100%;padding: 0 0 10px 0;}
.mainConsult .selectbox select{width: 100%;padding: 6px;border: 1px solid #ebebeb;line-height: 38px;font-size:14px;height: 38px;}
.mainConsult .required,textarea.required {background-image: url(../../common/img/require.png) !important;background-repeat: no-repeat !important;background-position: left center !important;}
.mainConsult .selectbox .required{width: 100%;    padding: 6px;    border: 1px solid #ebebeb;    line-height: 38px;	font-size:14px;	padding-left:25px;	height: 38px;}
.mainConsult .sel_boxwr {padding:30px;}
.mainConsult .sel_boxwr .box78{text-align:center;font-weight: 400;    font-size: 22px;    margin-bottom: 15px;    line-height: 30px;    color: #333;	    font-weight: 700;		}
.a11y-hidden,.hide { position:absolute !important; width:1px !important; height:1px !important; color:transparent !important; overflow:hidden !important; clip:rect(1px, 1px, 1px, 1px); -webkit-clip-path:inset(50%); clip-path:inset(50%); margin:0 !important; padding:0 !important;}
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;   -webkit-touch-callout: none; -khtml-user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list { transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before,
.slick-track:after {display: table; content: ""; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir=rtl] .slick-slide { float: right;}
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block;height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden { display: none; }    
.slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; }
.slick-dots li { position: relative; display: inline-block; margin: 0 4px; padding: 0; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; /*outline: none;*/ line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; }
/* .slick-dots li button:hover, .slick-dots li button:focus {outline: none; } */
.slick-dots li button:hover:before, .slick-dots li button:focus:before {opacity: 1; }
.slick-dots li button:before { content:''; position: absolute;top:50%; left:50%; margin:-4px 0 0 -4px; display:block; width:8px; height:8px; border-radius:50%; text-align:center; background:rgb(255 255 255 / 40%); -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { background:#1A399E; }
.main-slide-re { position: relative;width:100%; overflow:hidden; margin:0 auto;border-radius: 15px; }
.main-slide-re > ul{ }
.main-slide-re > ul li {}
.main-slide-re > ul li a {width:820px; height:370px; display:block; position:relative;}
.main-slide-re > ul li a:focus{outline:2px solid #FE6B8B; outline-offset: -2px;}
.main-slide-re > ul li:focus{outline:2px solid #FE6B8B; outline-offset: -2px;}
.main-slide-re > ul li a .slide-img { position:absolute; left:0; top:0; z-index:2; }
.main-slide-re > ul li a .slide-img img { width:820px; height:370px; }
.main-slide-re > ul li a .slide-con{ position:relative; z-index:3; width:820px; padding:162px 0 0 180px; color:#FFF; font-size:20px;}
.main-slide-re > ul li a .slide-con span{ display: inline-block; padding:0.5em 1em; background-color: #EC008C; border-radius: 2em; font-weight: 600;  }
.main-slide-re > ul li a .slide-con strong{ display: block; font-size: 64px; font-weight:700; line-height: 1; letter-spacing: -0.01em; margin-top:32px; }
.main-slide-re > ul li a .slide-con p{ font-weight: 500; margin-top: 20px;}
.main-slide-re .slick-arrow{ position: absolute; top:150px; width: 40px; height: 40px; text-indent: -9999px; z-index: 197;}
.main-slide-re .slick-arrow:focus{ outline:2px solid #FE6B8B;}
.main-slide-re .slick-arrow.slick-disabled:after { opacity:0.5; }
.main-slide-re .slick-prev { left:20px; }
.main-slide-re .slick-next { right:20px; }
.main-slide-re .slick-prev:after, 
.main-slide-re .slick-next:after { content:''; display:block; position:absolute; top:0; left:0; width:40px; height:40px; }
.main-slide-re .slick-prev:after { background:url(/common/img/main_arrow_left.svg) center center no-repeat;  }
.main-slide-re .slick-next:after { background: url(/common/img/main_arrow_right.svg) center center no-repeat; }
.main-slide-re .indicator-box-wrap { width:330px; position: absolute; bottom:20px; left:30px; display: flex; align-items: center;}
.main-slide-re .indicator-box-wrap .paging-num { width:50px; font-size:14px; color:rgba(255,255,255,.2); text-align: right; }
.main-slide-re .indicator-box-wrap .paging-num .active { color:#fff;}
.main-slide-re .indicator-box-wrap .paging { overflow: hidden; cursor:default; }
.main-slide-re .slick-dots { position: static; width:120px; display: flex;  background-color: rgba(255,255,255,.2); }
.main-slide-re .slick-dots li { flex:1; border-radius: 0; margin:0; position:relative; }
.main-slide-re .slick-dots li button { padding:0; height:3px; width:100%;}
.main-slide-re .slick-dots li button:focus {outline:2px solid #FE6B8B !important;}
.main-slide-re .slick-dots li button:before { content: none;}
.main-slide-re .slick-dots li.slick-active:after { width:100%; height:3px; content:''; background-color:#fff; animation: slideBarWidth 4s forwards; border-radius: 0; position:absolute; left:0; top:0;}
.main-slide-re .indicator-box-wrap > button{ width: 16px; height: 16px; margin-left: 8px;}
.main-slide-re .indicator-box-wrap > button:focus{outline:2px solid #FE6B8B !important;}
.main-slide-re .indicator-box-wrap .btn-play{ background: url(/common/img/play.svg) center center no-repeat; }
.main-slide-re .indicator-box-wrap .btn-pause{ background: url(/common/img/pause.svg) center center no-repeat;}
.button3 {width: calc(100% - 0px);height: 61px;display: flex;align-items: center;justify-content: center;margin: 0 0px 0px;background: linear-gradient(to bottom, #d4000c 0%, #d4000c 100%);border-radius: 0 0 12px 12px;color: #fff;font-size: 18px;font-weight: 500;letter-spacing: -1px;border: 0;}

.sub_v {padding-bottom:40px;}
.sub_v img{border-radius: 1rem 1rem;}
.copy {float:left;width: 100%;background-color: #2c2c2c; padding:40px;}
.copy .copy_wrap{width:100%; margin:0 auto;color:#fff;}
.copy .copy_wrap .wrap{float:left;width:100%;}
.copy .copy_wrap .wrap .copylogo{float:left;width:200px;height:50px;}
.copy .copy_wrap .wrap .copylogo img{width:150px;}
.copy .copy_wrap .wrap .copytxt {float:left;}
.estimate_pop {position:absolute;z-index:500;top:300px;left:0px;}
.estimate_pop .estimate_popwrap {position: fixed;top: 240px; right: 15px;}
.estimate_pop .estimate_popwrap .titwrap{width:230px;background:#ffffff;border-radius:15px;box-shadow: 0px 10px 15px 0px rgba(0, 13, 56, 0.1);}
.estimate_pop .estimate_popwrap .titwrap .tit{background:#0000ed;color:#fff;text-align:center;padding:10px;border-radius:15px 15px 0 0 ;}
.estimate_pop .estimate_popwrap .right_pop {width:100%;padding:15px;}
.estimate_pop .estimate_popwrap .right_pop .wrap{background: #fff;}
.estimate_pop .estimate_popwrap .right_pop .wrap .txt_input{text-align:center;width:100%;margin:0 auto;}
.estimate_pop .estimate_popwrap .right_pop .wrap .txt_input .inbox {padding:2px 0;}
.estimate_pop .estimate_popwrap .right_pop .wrap .txt_input .inbox input{width:100%;padding:6px;font-size:14px;border-radius:7px;border: 1px solid #e0e0e0;}
.estimate_pop .estimate_popwrap .right_pop .wrap .txt_input .inbox_r {padding:2px 0;text-align:left;color:#000;}
.estimate_pop .estimate_popwrap .right_pop .wrap .txt_input .inbox_a {padding:2px 0;text-align:left;line-height:3;color:#000;font-size:11px;}
.estimate_pop .estimate_popwrap .right_pop .wrap .txt_input .input-radio {padding-right:10px;}




	
	
.menu {display:block;}

.menu .menu__logo {float:left;width:100%;border-bottom:1px solid #d9d9d9;text-align:center;padding:15px;}
.menu-panel {transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;position: fixed;z-index: 9999;top: 0;height: 100%;width: 80%;background-color: #fff;}
.menu-panel .menu__button {transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;display: inline-block;cursor: pointer;position: absolute;z-index: 2;top: 20px;width: 30px;height: 30px;}
.menu-panel .menu__button span,.menu-panel .menu__button span:before,.menu-panel .menu__button span:after {transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;width: 32px;height: 3px;background-color: #222948;}
.menu-panel .menu__button span {position: relative;display: inline-block;float: left;margin-top: 9.09090909px;}
.menu-panel .menu__button span:before,.menu-panel .menu__button span:after {content: "";position: absolute;left: 0;}
.menu-panel .menu__button span:before {top: -9.09090909px;}
.menu-panel .menu__button span:after {top: 9.09090909px;}
.menu-panel .menu__button.is--active span{background: transparent;}
.menu-panel .menu__button.is--active span:before,.menu-panel .menu__button.is--active span:after {top: 0;}
.menu-panel .menu__button.is--active span:before {transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-o-transform: rotate(-135deg);-ms-transform: rotate(-135deg);}
.menu-panel .menu__button.is--active span:after {-webkit-transition-delay: 0.09s;-moz-transition-delay: 0.09s;-o-transition-delay: 0.09s;-ms-transition-delay: 0.09s;transition-delay: 0.09s;transform: rotate(135deg);-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-o-transform: rotate(135deg);-ms-transform: rotate(135deg);}
.mo-menu-title{background: #d4000c;height:62px;color:#fff;font-size:16px;padding: 18px 20px 0 20px;text-align: left;}
.menu-panel > .menu-list {width:100%;z-index: 1;height: auto;text-align: left;}
.menu-panel > .menu-list > li{clear: both;width: 100%;height:60px;border-bottom: 1px solid #dcdcdc;}
.menu-panel > .menu-list > .menu-label > .menu-list__text {font-size: 17px;padding: 15px 0 15px 40px;color: #444;width: calc(100% - 60px);display: inline-block;height: 100%;}
.menu-panel ul li .menu-list__arrow{height: 64px;width: 60px;display: inline-block;float: right;position: relative;cursor: pointer;}
.menu-panel ul li .menu-list__arrow::before,.menu-panel ul li .menu-list__arrow::after{width: 25px;height: 2px;background: #535353;content: "";display: inline-block;position:absolute;left:17.5px;top: calc(50% - 1px);transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;}
.menu-panel ul li .menu-list__arrow::after{transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);}
.menu-panel .sub-menu{display: none;width: 100%;padding:0 10.133%;}
.menu-panel .sub-menu:after {content: '';display: block;clear: both;}
.menu-panel .sub-menu li{float: left;height: 45px;width: 100%;border-bottom: 1px solid #e0e0e0;}
.menu-panel .sub-menu li:last-of-type {border-bottom: none;margin: 0 0 20px 0;}
.menu-panel .sub-menu li:first-of-type {margin: 20px 0 0 0;}
.menu-panel .sub-menu li a{display: block;height: 100%;padding:11px 0px 15px 8px;font:15px 'bgR';color: #666666;}
.menu-panel {left: -100%;}
.menu-panel .menu__button {left: 130%;}
.menu-panel.is--active {left: 0;overflow: scroll;}
.menu-panel.is--active .menu__button {left: 100%;margin-left: -46px;z-index: 999;margin-top: -2px;}
.menu-panel.is--active .menu__button span:before,
.menu-panel.is--active .menu__button span:after{background: #fff;}
.menu-panel-overlay{position: fixed;top: 0;z-index: 9998;width: 100%;height: 100%;display: none;background-color: rgba(0, 0, 0, 0.6);cursor: pointer;}
.menu-list > .menu-label.is--open .menu-list__text {color:#f9904c;}
.menu-list > .menu-label.is--open .sub-menu{border-top: 2px solid #f9914c;display: block;}
.menu-list > .menu-label.is--open .menu-list__arrow::before,.menu-list > .menu-label.is--open .menu-list__arrow::after {background: #f9914c;}
.menu-list > .menu-label.is--open .menu-list__arrow::after {-webkit-transition-delay: 0.09s;-moz-transition-delay: 0.09s;-o-transition-delay: 0.09s;-ms-transition-delay: 0.09s;transition-delay: 0.09s;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);}
	
	
	
 .swiper {
        width: 100%;
        height:250px;
      }

      .swiper-slide {
        text-align: center;
        font-size: 18px;


        /* Center slide text vertically */
        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-button-next {color:#d4000c;}
	.swiper-button-prev {color:#d4000c;}



}