*{margin: 0; padding: 0;}
ul{list-style: none;}
a{text-decoration: none;}
/* input 기본 스타일 초기화 */
input {

    box-shadow: none;

    font-size:1em;

    -webkit-appearance:none;

    -moz-appearance: none;

    -o-appearance:none;

    appearance: none;
}

@font-face{
    font-family: "ls_r";
    src: url("../font/924433.ttf") format("truetype");
}
@font-face{
    font-family: "ls_l";
    src: url("../font/924434.ttf") format("truetype");
}
@font-face{
    font-family: "ls_b";
    src: url("../font/924435.ttf") format("truetype");
}
body{
    margin: 0; padding: 0;
    font-family:"ls_b","ls_r","ls_l", 'NanumSquare','NanumSquareBold',sans-serif, Arial;
    background: #dedede;
    word-break: keep-all;
}

/* sectoin1 */
.index{width: 100%; height: 100%;}
.swiper {width: 100%; height: 100%;}
.swiper-slide {text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; position: relative;}
.swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; z-index: -1;} 

.swiper-button-next{ right: 7%; top: 50%; transform: translateY(-50%); background: url("../images/swiper_next.png") no-repeat center/contain;}
.swiper-button-prev{ left: 7%; top: 50%; transform: translateY(-50%); background: url("../images/swiper_perv.png") no-repeat center/contain;}

.swiper-button-next::after,
.swiper-button-prev::after {
  display: none;
}

.swiper-pagination{bottom: 3%!important; font-size: 0;}
.swiper-pagination-bullet{width: 20px; height: 20px; border-radius: 0 ;margin: 0 10px!important;}
.swiper-pagination-bullet-active{background: #000;}

.index_con{width: 100%; font-size: 0; margin: 0 auto;}
.index_con .logo{background: url("../images/logo.png")no-repeat center/contain; height: 440px; width: 440px; display: block; margin: 0 auto;}
.index_con .logo_text{width: 732px; height: 74px; background: url("../images/main_text1.png") no-repeat center/contain; display: block; margin: 60px auto;}
.index_con .main_text{width: 528px; height: 59px; background: url("../images/main_text2.png") no-repeat center/contain;display: block; margin: 0 auto;}
/* sectoin1 end */

/* section2 */
.index_2{width: 100%; height: 100%; position: relative;}
.index_2wrap{max-width: 1640px; height: 100%; margin: 0 auto; text-align: center; display: flex; justify-content: center; align-items: center; position: relative; flex-direction: column;}
.index_2title{width: 100%; height: 150px; background: #4d150f; border-radius: 50px 0 50px 0;}
.index_2title h2{font-size: 90px; font-family: "ls_b"; color: #fff;text-align: center; line-height: 150px;}
.index_2title h2 span{color: #efd42c;}

.index_2content{width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.index_2content > div{width: 49%; height: 280px; background: #fff; margin: 25px 0; border-radius: 50px; display: flex; vertical-align: middle; flex-direction: column; align-items: center; justify-content: center;}
.index_2content > div:nth-of-type(3){margin-top: 0;}
.index_2content > div:nth-of-type(4){margin-top: 0;}
.index_2content h3{font-size: arial; font-style: italic; font-size: 70px; font-weight: bold; padding: 15px 25px 0px 25px; background: #efd42c; border-radius: 10px; color: #4d150f;}
.index_2content h4{font-size: 40px; font-family: "ls_b"; color: #f01400; margin: 15px 0 5px;}
.index_2content p{font-size: 22px; font-family: "ls_b"; color: #4d150f; line-height: 28px;}

.text_d{position: absolute; font-size: 100px; font-family: "ls_b"; color: #000; opacity: .05;}
.text_d1{bottom: 0; left: 7.291%;  z-index: -1;}
.text_d2{right: -250px; top: 245px; transform: rotate(90deg); z-index: -1;}
/* section2 end */

/* section3 */
.index_3{width: 100%; height: 100%; position: relative;}
.index_3wrap{max-width: 1640px; height: 100%; margin: 0 auto; text-align: center; display: flex; justify-content: center; align-items: center; position: relative; flex-direction: column;}
.index_3con{display: flex; width: 100%;justify-content: space-between; flex-wrap: wrap; position: relative;}
.index_3con > div{background: #fff; padding: 30px 0; text-align: left; border-radius: 20px; width: 15.5%;}
.index_3con h3{font-family: "ls_b"; font-weight: 800; font-size: 24px; color: #ed0000; padding-left: 25px;}
.index_3con h4{font-family: "ls_b"; font-size: 22px; margin: 20px 0 10px; padding-left: 25px; font-weight: 900;}
.index_3con p{font-family: 'NanumSquareExtraBold'; font-size: 18px; font-weight: 600; line-height: 26px; padding-left: 25px;}
.index_3con > div img{width: 100px; height: 100px; margin: 20px auto 0; display: block;}

.point_br{display: none;}

.index_3con::after{content: ""; display: block; position: absolute; width: 100%; height: 5px; background: #efd42c; z-index: -1; top: 50%; transform: translateY(-50%);}

.index_3inqcon{width: 100%; margin-top: 45px;}
.index_3inqcon h3{font-size: 50px; font-family: "ls_b";}
.index_3inq{width: 100%; height: 140px; background: #fff; border-radius: 10px;}
.form_wrap{width: 100%; height: 100%;}
.form_wrap #form{width: 100%; height: 100%; display: flex; justify-content:center; align-items: center;}

#form > div:nth-child(2){padding: 0 80px;}

.field{vertical-align: middle;}
.field input{width: 200px; height: 50px; padding: 10px; box-sizing: border-box; font-size: 30px; border: 2px solid #ccc;}
.field:nth-child(2) input{width: 250px;}
.field input:focus{border-color: #000;}
.field label{font-size: 35px; font-family: "ls_b"; line-height: 50px; height: 50px; margin-right: 20px;}
.field label::before{display: inline-block; content: ""; width: 7px; height: 7px; background: #000;vertical-align: middle; margin-right: 15px;}
input#button{background: #4d150f; color: #efd42c; border: none; border-radius: 5px; width: 260px; height: 70px; font-size: 40px; font-family: "ls_b";line-height: 78px; cursor: pointer; transition: .2s;}
input#button:hover{color: #4d150f; background: #efd42c;}

#daumRoughmapContainer1690439795392{width: 100%;}
.index_3map{width: 100%; height: 220px; display: flex; justify-content: space-between; margin-top: 45px;}
.index_3map > div{width: 49%;}

.index_3area{width: 100%; height: 100%; overflow: hidden;}

.index_3areatx{display: flex; justify-content: space-between; text-align: left; position: relative;}
.index_3areatx > div{width: 49%;}
.index_3areatx h4{font-size: 40px; font-family: "ls_b"; border-bottom: 4px solid #f30000;}
.index_3areatx p{font-size: 24px; font-family: "ls_b"; margin-top: 25px;}
.index_3areatx .text_d{font-size: 62px; right: 0; bottom: -10px; position: absolute; color: #fff; opacity: .6; line-height: 62px; z-index: -1;}
/* section3 end */

/* footer */
footer{width: 100%; height: 250px; background: #000;}
.footer_wrap{width:100%; height: 250px; text-align: center; display: flex; justify-content: center; align-items: center; position: relative; flex-direction: column;}
.footer_logo{background: url("../images/logo.png")no-repeat center/cover; width: 100px; height: 100px; cursor: pointer;}
.footer_wrap ul{display: flex; justify-content: center; align-items: center; font-family: "맑은고딕"; font-size: 16px; font-weight: bold; color: #fff; margin: 30px 0 20px; flex-wrap: wrap;}
.footer_wrap ul li{padding: 0 10px;}
.footer_wrap p{font-family: "맑은고딕"; font-size: 16px; font-weight: 900; color: #fff;}
/* footer end */

/* reponsive */
@media screen and (max-width : 1640px){
    .index_3con > div{position: relative;}
    .index_3con > div img{position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%; opacity: .15; filter: grayscale(.5); margin: 0 auto;}
    .index_3con h4{font-size: 1.5vw; font-family: 'NanumSquareExtraBold';}
    .index_3con p{padding: 0 25px; font-family: 'NanumSquare';}
}

/* 1320px */
@media screen and (max-width : 1320px){
    /* section2 */
    .index_2title{border-radius: 0px;}
    .index_2title h2{font-size: 7vw;}
    .index_2content > div{height: auto; padding: 3% 0;}
    .index_2content h3{font-size: 5vw;}
    .index_2content h4{font-size: 3vw;}
    .index_2content p{font-size: 2vw;}
    /* section end */

    /* section3 */
    .index_3con h3{padding:0 10px; font-size: 28px; font-family: 'NanumSquareExtraBold';}
    .index_3con h4{padding:0 10px; font-size: 20px; margin: 10px 0;}
    .index_3con p{padding:0 10px; font-size: 16px;}

    .index_3inqcon h3{font-size: 40px;}
    .index_3inq{height: 100px;}

    .field label{font-size: 26px;}
    .field input{width: 150px; height: 40px; font-size: 22px;}
    .field:nth-child(2) input{width: 200px;}
    #form > div:nth-child(2){padding: 0 40px;}
    input#button{width: 200px; height: 46px; font-size: 30px; line-height: 52px;}

    .index_3map{height: 150px;}
    .index_3areatx h4{font-size: 30px;}
    .index_3areatx p{font-size: 22px; margin-top: 10px;}
    /* section3  end*/

    /* footer */
    footer{height: auto;}
    .footer_wrap{height: auto; justify-content:initial; padding: 30px 0;}
    .footer_wrap ul{line-height: 24px;}
    /* footer end */
}

/* 1024px */
@media screen and (max-width : 1024px){
    /* section1 */
    .index_con .logo{width: 50%; height: 48vw;}
    .index_con .logo_text{width: 70%; margin: 30px auto;}
    .index_con .main_text{width: 60%;}
    /* section1 */

    /* section2 */
    .index_2title h2{font-size: 7vw;}
    .index_2content > div{height: auto; padding: 3% 0; border-radius: 0;}
    .index_2content h3{font-size: 44px;}
    .index_2content h4{font-size: 26px;}
    .index_2content p{font-size: 20px; font-family: 'NanumSquareExtraBold';}
    /* section end */

    /* section3 */
    .index_3con > div{width: 32%; text-align: center; padding: 15px 0; border-radius: 10px; margin: 10px 0;}
    .mobile_br{display: none;}
    .index_3con::after{height: 50%; width: 75%; border: 10px solid #efd42c; left: 50%; transform: translate(-50%, -50%); background: none;}
    .index_3con h3{padding:0 10px; font-size: 28px; font-family: 'NanumSquareExtraBold';}
    .index_3con h4{padding:0 10px; font-size: 20px; margin: 10px 0;}
    .index_3con p{padding:0 10px; font-size: 16px;}

    .index_3inqcon h3{font-size: 32px;}
    .index_3inq{height: 80px;}

    .field label{font-size: 22px;}
    .field input{width: 100px; height: 32px; font-size: 20px;}
    .field:nth-child(2) input{width: 180px;}
    #form > div:nth-child(2){padding: 0 25px;}
    input#button{width: 150px; height: 36px; font-size: 24px; line-height: 40px;}

    .index_3map{height: 150px;}
    .index_3areatx h4{font-size: 26px;}
    .index_3areatx p{font-size: 18px; margin-top: 10px;font-family: 'NanumSquareBold'; line-height: 24px;}
    /* section3  end*/
}
@media screen and (max-width : 878px){
    .point_br{display: block;}
}

/* 768px */
@media screen and (max-width : 768px){
     /* section1 */
    .index_con .logo{width: 60%; height: 60vw;}
    .index_con .logo_text{width: 70%; margin: 30px auto; height: 7vw;}
    .index_con .main_text{width: 76%; height: 9vw;}
    /* section1 */

    /* section2 */
    .index_2title{height: auto; background: none;}
    .index_2title h2{font-size: 40px; width: 100%; background: #4d150f; line-height: 50px; padding: 15px 0; font-family: 'NanumSquareExtraBold';}
    /* .index_2title h2 span{display: block} */
    .index_2content > div{width: 100%; margin: 10px auto; padding: 0; margin: 0;}
    .index_2content h3{font-size: 30px; width: 100%; padding:5px 0;border-radius: 0;}
    .index_2content h4{font-size: 24px; font-family: 'NanumSquareExtraBold';}
    .index_2content p{font-size: 18px; font-family: 'NanumSquareExtraBold'; padding: 0 0 5px;}
    .point_br{display: none;}

    .text_d1{font-size: 13vw; left: 0;}
    /* sectio2 end */

    /* section3 */
    .index_3con > div{width: 49%; text-align: center; padding: 10px 0; border-radius: 10px; margin: 0 0 10px;}
    .index_3con::after{height: 65%; width: 50%;}
    .index_3con h3{padding:0 10px; font-size: 20px; font-family: 'NanumSquareExtraBold';}
    .index_3con h4{padding:0 10px; font-size: 18px; margin: 5px 0;}
    .index_3con p{padding:0 10px; font-size: 16px; line-height: 20px;}

    .index_3inq{height: auto;}
    .form_wrap #form{display: block; width: auto; height: auto; background: #fff;padding: 10px 0;}
    .field{display: inline-block;}
    .index_3inqcon{margin-top: 20px;}
    .index_3inqcon h3{font-size: 26px; font-family: 'NanumSquareExtraBold';}

    .field label{font-size: 22px; margin-right: 10px;}
    .field input{width: 100px; height: 32px; font-size: 20px;}
    .field:nth-child(2) input{width: 180px;}
    #form > div:nth-child(2){padding: 0px; margin-left: 10px;}
    input#button{width: auto; height: auto; font-size: 24px; line-height: 40px; display: block; margin: 0 auto; padding: 5px 10px;}

    .index_3map{height: auto; margin-top: 15px;}
    .index_3area{display: none;}
    .index_3map > div{width: 95%; margin: 0 auto; text-align: center;}
    .index_3areatx h4{font-size: 26px; font-family: 'NanumSquareExtraBold';}
    .index_3areatx p{font-size: 18px; margin-top: 5px;font-family: 'NanumSquareBold'; line-height: 24px;}
    .index_3areatx .text_d{bottom: 0px; top: 0;}
    /* section3  end*/
}

@media screen and (max-height: 700px){
    section{padding-bottom: 50px;}
}
@media screen and (max-width: 430px){
    section{padding-bottom: 50px;}
}