@charset "utf-8";

p {line-height: 150%;}

#year {padding: 350px 0 250px;}
.year-txt{color: white;}
.year-txt h2 {font-size: 2.4rem;font-weight: 700;margin-bottom: 20px;}
.year-txt p {font-size: 1.6rem; font-weight: 400; margin-bottom: 80px;}
#contents .year-contents {padding: 100px; background: white;padding-bottom: 50px;}
@keyframes wavetxt {
    0% {
        transform: translateX(0);
    }
    100%{
        transform: translateX(-100%);
    }
}

/* 연혁 */
ul.history_list {max-width:1400px; margin:0 auto;}
ul.history_list > li {display:flex; margin-bottom: 30px;}
/* 연혁 - 년도 및 타이틀*/
ul.history_list > li > .title {width:35%; min-width:200px; flex-shrink:0; border-right:1px solid #ddd; padding:5px; color: white; background-color: #000; background-repeat: no-repeat;background-size: cover;background-position: center; padding: 30px; border-radius: 0 80px 0 80px;line-height: 120%;}
ul.history_list > li > .title > p.year {font-family:'Montserrat', sans-serif; font-size:3rem;font-weight: 700;}
ul.history_list > li > .title > p.sub_txt {margin-top:10px; font-size: 1.2rem; line-height:1.6;}
/* 연혁 - 내용*/
ul.history_list > li > .cont {width:65%; flex-shrink:1; padding:20px 0 20px 50px;}
ul.history_list > li > .cont > ul li {margin-bottom:40px; ; line-height: 150%;}
ul.history_list > li > .cont > ul li > p {padding-left:13px;}
ul.history_list > li > .cont > ul li > p.tit {position:relative; font-size:1.3rem; margin-bottom:5px; color:#6d6d6e; line-height:1.4;}
ul.history_list > li > .cont > ul li > p.txt {font-size:1.1rem; color:#919197; line-height:1.6;}
ul.history_list > li > .cont > ul li > p.tit::before {position:absolute; content:""; top:10px; left:0; width:4px; height:4px; border-radius:50%; background-color:#009ac8;}
ul.history_list > li:last-of-type,
ul.history_list > li > .cont > ul li:last-of-type {margin-bottom:80px;}

/*.history_list li:first-child .title {background-image: url('/assets/Front/_images/Introduce/YEAR/YEAR-2022.jpg');}*/
/*.history_list li:nth-child(2) .title {background-image: url('/assets/Front/_images/Introduce/YEAR/YEAR-2021.jpg'); background-position:35% bottom;}*/
/*.history_list li:nth-child(3) .title {background-image: url('/assets/Front/_images/Introduce/YEAR/YEAR-2020.jpg');}*/
/*.history_list li:nth-child(4) .title {background-image: url('/assets/Front/_images/Introduce/YEAR/YEAR-2019.jpg');}*/
/*.history_list li:nth-child(5) .title {background-image: url('/assets/Front/_images/Introduce/YEAR/YEAR-2018.jpg');}*/
/*.history_list li:nth-child(6) .title {background-image: url('/assets/Front/_images/Introduce/YEAR/YEAR-2017.jpg');}*/
/*.history_list li:nth-child(7) .title {background-image: url('/assets/Front/_images/Introduce/YEAR/YEAR-2016.jpg');}*/
/*.history_list li:last-child .title {background-image: url('/assets/Front/_images/Introduce/YEAR/YEAR-2015.jpg');}*/



/*문의하기*/
#contact-visual h2 {font-size: 3.2rem;font-weight: 700; margin-bottom: 35px;}
#contact-visual {background-image: url('/assets/Front/_images/QNA/QNA-BG-with-CI.jpg'); color: white; padding: 350px 0 350px;position: relative;}
.contact_list li {margin-bottom: 12px; font-size: 1.4rem;font-weight: 400; line-height: 120%;}
#contact .inner { position: relative; padding: 120px 110px 60px ;margin-top: -280px; background: white; box-shadow: 0px 0px 15px rgba(41, 41, 41, 0.1); margin-bottom: 130px; z-index: 2;}
.contact-obj {width: 100%;pointer-events: none; position: absolute; left: 0;bottom: 0; height: 56px;overflow: hidden;}
.contact-txt-ani {width: 2250px; overflow: hidden; display: block; position: relative;top: 0;left: 0; font-size: 56px; color:transparent; -webkit-text-stroke: 1px white; font-weight: 700;
animation-name: wavetxt;
animation-duration: 30s;
animation-timing-function: linear;
animation-iteration-count: infinite;
white-space: nowrap;
}
.contact-txt2 {top: -56px; left: 2250px;}
.form_wrap {margin-bottom: 50px;}
.form_wrap input, .form_wrap textarea {width: 100%;border: 0; border-radius: 0;padding: 13px;}
.form_wrap input {border-bottom: 1px solid rgba(41, 41, 41, 0.5);}
.form_wrap textarea { border: 1px solid rgba(41, 41, 41, 0.5);}
.form_wrap label{display: block;font-size: 1.4rem; color: #292929;font-weight: 700; margin-bottom: 20px;}
.form_wrap label::after {content: '*';display: inline-block; font-weight: 700;color: #009AC8;}
.title-sub {color: #A4A4AA; font-weight: 400;}
#contact-map {padding-bottom: 110px;}
#toMail {display: inline-block;padding: 13px 45px; cursor: pointer;}

.map_area h3 {font-size: 2.2rem;font-weight: 700; margin-bottom: 30px;}
.map_list {margin-bottom: 50px; font-size: 1.2rem;}
.map_list li > span {margin-right:10px;}
.map_list li > a {color: #009AC8; font-size: 1rem;}
.map_list li > a:hover {text-decoration:underline;}

 @media screen and (max-width: 1200px) {
    ul.history_list > li {display: block;}
    ul.history_list > li > .title {width: 100%;height: 300px; margin-bottom: 50px; }
    ul.history_list > li > .cont {padding: 0;width: 100%;}
    .history_list li:nth-child(4) .title {background-image: url('/assets/Front/_images/Introduce/YEAR/YEAR-2019_mobile.jpg');}
    .history_list li:nth-child(7) .title {background-image: url('/assets/Front/_images/Introduce/YEAR/YEAR-2016_mobile.jpg');}
    ul.history_list > li > .title > p.sub_txt {margin-top: 0;}
}
@media screen and (max-width: 1024px) {
    #contact-visual {padding-top: 200px;}
    #contact {padding: 0 5%;}
    #contact .inner {padding: 50px;}

}
 @media screen and (max-width: 768px) {
    #year .year-contents { padding: 100px 10% 80px;}
    .mobile-br {display: block;}
    #year { padding: 350px 7% 100px;}
    ul.history_list > li > .cont > ul li {margin-bottom: 30px;}ul.history_list > li:last-of-type, ul.history_list > li > .cont > ul li:last-of-type {margin-bottom: 50px;}
    ul.history_list > li > .title {padding: 15px 25px; border-radius: 0 50px 0 50px;}
}

@media screen and (max-width:576px) {
    #contact-visual {padding: 200px 0 320px;}
    #year .year-contents { padding: 50px 30px 30px;}
    ul.history_list > li > .title {height: 170px; margin-bottom: 30px;}
}

/*----------------------2023-06-30 최우석 추가*/
.alert {
    --bs-alert-bg: transparent;
    --bs-alert-padding-x: 0.9375rem;
    --bs-alert-padding-y: 0.9375rem;
    --bs-alert-margin-bottom: 1rem;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    --bs-alert-border: 0 solid var(--bs-alert-border-color);
    --bs-alert-border-radius: 4px;
    position: relative;
    padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    margin-bottom: var(--bs-alert-margin-bottom);
    color: var(--bs-alert-color);
    background-color: var(--bs-alert-bg);
    border: var(--bs-alert-border);
    border-radius: var(--bs-alert-border-radius);
}
.m-b-15,
.mb-15px {
    margin-bottom: 15px!important;
}
.alert-danger {
    --bs-alert-color: #4d1b1a;
    --bs-alert-bg: #ffcecd;
    --bs-alert-border-color: #ffcecd;
}
.alert-danger .alert-link {
    color: #3e1615;
}
.alert-dismissible {
    padding-right: 2.8125rem;
}
.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 1.171875rem .9375rem;
}
.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: #000;
    background: transparent url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: 4px;
    opacity: .5;
}
.btn-close:hover {
    color: #000;
    text-decoration: none;
    opacity: .75;
}
.btn-close:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(52, 143, 226, .25);
    opacity: 1;
}
.btn-close.disabled, .btn-close:disabled {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    opacity: .25;
}
.btn-close-white {
    filter: invert(1) grayscale(100%) brightness(200%);
}
.fade {
    transition: opacity .15s linear;
}
@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none;
    }
}.fade:not(.show) {
     opacity: 0;
 }
/*//----------------------2023-06-30 최우석 추가*/