.mv {
       width: 100%;
       z-index: 0;
       position: relative;
       height: 100vh;
       background: url('/images/mv03.jpg') no-repeat center center/cover;
       display: flex;
       justify-content: center;
       align-items: center;


   }

   .mv_tit_box {
       width: 100%;
       max-width: 1000px;
       z-index: 1;
       position: relative;
       text-align: center;
       padding: 10px;
   }

   .mv_tit_box .tit {
       font-size: 65px;
       color: #ea5022;
       font-weight: bold;
       padding-bottom: 30px;
   }


   .mv_tit_box .stit {
       font-size: 45px;
       color: #ffffff;
       font-weight: bold
   }






   .mv_tit_box .icon_box {
       width: 100%;
       display: flex;
       justify-content: center
   }

   .mv_tit_box .icon_box .b_item {
       width: 33%;
       padding: 10px;
       justify-content: center;
       font-size: 18px;
   }


   .mv_tit_box .icon_box .b_item span {
       font-size: 25px
   }



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


       .mv_tit_box .tit {
           font-size: 40px;
           word-break: keep-all;
           padding-bottom: 20px;
       }

       .mv_tit_box .stit {
           font-size: 30px;
           font-weight: bold
       }




       .mv_tit_box .icon_box .b_item {

           font-size: 15px;
       }

       .mv_tit_box .icon_box .b_item span {
           font-size: 20px
       }




   }



	.sec01_tit {
		font-size: 35px;
		font-weight: bold;
		color: #fff;
		padding-top: 80px;
	}

	.sec01_stit {
		font-size: 22px;
		color: #fff;
		padding-top: 30px;
	}

	.sec01_container {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-gap: 30px;
	}


	.sec01_con_item {
		background-color: #ffffff;
		margin-top: 50px;
		height: 500px;
		text-align: left;
		position: relative;
	}

	.sec01_con_item img {
		width: 100%;
		padding: 30px;
	}



	.s01_tit {
		font-size: 25px;
		font-weight: bold;
		color: #000;
		width: 100%;
		text-align: center;
		line-height: 45px;
	}

	.s01_stit {
		font-size: 16px;
		color: #363636;
		line-height: 20px;
		padding-top: 15px;
		padding: 30px;
		word-break: keep-all;
	}



	@media screen and (max-width: 960px) {
		.sec01_container {

			grid-template-columns: 100%;
			margin: 50px;

		}

		.sec01_tit {
			font-size: 25px;
			line-height: 35px
		}

		.sec01_stit {
			font-size: 20px;
			line-height: 35px
		}


	}

	.sec01_con_item {
		background-color: #ffffff;
		margin-top: 50px;
		height: auto;
		text-align: left;
		position: relative;
	}





	.num {
		position: absolute;
		top: 5px;
		left: 50%;
		margin-left: -35px;
		width: 70px;
		height: 70px;
		border-radius: 100%;
		font-size: 12px;
		line-height: 1.6em;
		color: #fff;
		background: #e6472a;
		padding-top: 14px;
		text-align: center
	}

	.num span {
		display: block;
		font-size: 20px;
		font-weight: bold;
		padding: 0;
		opacity: 1
	}


   /* Centered texts in each section
	* --------------------------------------- */
   .section {
       text-align: center;
       vertical-align: middle;
   }


   /* Backgrounds will cover all the section
	* --------------------------------------- */
   .section {
       background-size: cover;
   }

   .slide {
       background-size: cover;
   }

   /* Defining each section background and styles
	* --------------------------------------- */
   #section0 {
       background-image: url(/images/sec01.jpg);
   }



   /*    #section1{
		background-image: url(/images/bg3.jpg);
		padding: 6% 0 0 0;
	}
        
        */




   #section4 {
       background-image: url(/images/sec02_bg.jpg);
   }

   #section5 {
       background-image: url(/images/sec_04.jpg);
   }


   #section6 {
       background-image: url(/images/sec_05.jpg);
   }




   /*Adding background for the slides
	* --------------------------------------- 
    #slide1 {
        background-image: url(/images/bg2.jpg);
        padding: 6% 0 0 0;
    }

    #slide2 {
        background-image: url(/images/bg5.jpg);
        padding: 6% 0 0 0;
    }


*/

   #section7 {
       padding: 0px 0px;
       background-color: #F3F3F3;
   }




   }


   .num {
       position: absolute;
       top: 5px;
       left: 50%;
       margin-left: -35px;
       width: 70px;
       height: 70px;
       border-radius: 100%;
       font-size: 12px;
       line-height: 1.6em;
       color: #fff;
       background: #e6472a;
       padding-top: 14px;
       text-align: center
   }

   .num span {
       display: block;
       font-size: 20px;
       font-weight: bold;
       padding: 0;
       opacity: 1
   }



   .section01 {}

   .section01 .inner {
       width: 100%;
       display: flex;
       justify-content: space-between;
       flex-wrap: wrap;
       padding-left: 10px;
       padding-right: 10px;
   }

   .section01 .left {
       width: 40%;
       margin-top: 200px;
   }

   .section01 .left h3 {
       color: #167ac6;
       font-size: 17px;
       font-weight: 500;
   }

   .section01 .left h2 {
       font-size: 40px;
       font-weight: bold;
       padding: 20px 0;
   }






   .section01 .left p {
       font-size: 17px;
       color: #555;
       font-weight: 400;
       padding: 20px 0;
       max-width: 300px;
       word-break: keep-all;
       line-height: 1.4;
   }

   .section01 .right {
       width: 50%;
   }

   .section01 .right .icon_wrap {
       width: 100%;
       text-align: left;
   }

   .section01 .right .icon_wrap h2 {
       font-size: 24px;
       text-align: left;
       font-weight: 700;
       color: #000;
       margin-top: 20px;
   }

   .section01 .right .icon_wrap p {
       max-width: 500px;
       word-break: keep-all;
       padding-top: 10px;
       color: #555;
       font-weight: 400;
       line-height: 1.4;
       font-size: 17px;
   }

   .section01 .grid-container {
       display: grid;
       grid-template-columns: 1fr 1fr;
       /* 2개의 열을 만듭니다. */
       gap: 80px 140px;
       /* 각 아이템 사이의 간격을 조정합니다. */
       margin: 50px 0;
   }

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


       .section01 {
           padding: 15px;
       }


       .section01 .grid-container {
           display: grid;
           grid-template-columns: 1fr;
           gap: 10px 10px;
           margin: 40px 0;
       }

       .section01 .left {
           width: 100%;
           margin-bottom: 20px;
           margin-top: 50px;

       }

       .section01 .right {
           width: 100%;
       }

       .section01 .left h2 {
           font-size: 35px;


       }





       .section01 .left p {

           max-width: 100%;

       }


       .section01 .right .icon_wrap {


           padding-bottom: 30px;
       }

       .section01 .right .icon_wrap .i_al {


           text-align: center;
       }


   }






   .section02 {
       width: 100%;
       padding-top: 50px;
       background-color: #ceeaff
   }

   .section02:after {
       display: block;
       content: "";
       clear: both;
   }

   .section02 .cont {
       width: 100%;
       max-width: 1000px;
       display: flex;
       justify-content: space-evenly;
       flex-wrap: wrap;
       margin: 0 auto;

   }



   /* 📱 모바일 (최대 768px) */
   @media screen and (max-width: 768px) {
       .section02 .cont .c_item {

           width: 100%;
       }


   }




   .section02 .cont .c_item:nth-child(1) {

       text-align: right;
       vertical-align: bottom;
   }

   .section02 .cont .c_item:nth-child(1) img {
       width: 100%;
       max-width: 539px;
   }



   .section02 .cont .c_item:nth-child(2) {

       text-align: left;
   }

   .section02 .cont .c_item:nth-child(2) img {
       width: 100%;
       max-width: 443px;
   }






   .section02 .icon {
       border-radius: 50%;
       width: 150px;
       height: 150px;

       overflow: hidden;
       margin: 0 auto;
       background: #fff;
       border: 2px solid #eee;
       transition: all 0.3s;
       padding-top: 40px;
   }

   .section02 .icon i {
       font-size: 42px
   }

   .section02 .clearfix:hover .icon {
       border-style: solid;
       border-color: #2253b8;
       transition: all 0.3s;
   }

   .section02 .icon img {
       width: 70px;
       height: auto;
   }

   .section02 dl {
       color: #444;
       position: relative;
       margin-top: 0px;
       text-align: left;
       padding: 20px;
   }

   .section02 dt {
       font-size: 20px;
       font-weight: 500;
       color: #000;
       line-height: 1.6;
       text-align: center;
       padding-left: 10px;
   }

   .section02 dd {
       font-size: 14px;
       color: #555;
       margin: 3px 0 3px 15px;
       /* 들여쓰기 추가 */
       line-height: 1.6;
       padding: 0px;
       min-width: 120px;
       word-break: keep-all;
       position: relative;
   }

   .section02 dd::before {
       content: "-";
       /* "-" 기호 추가 */
       position: absolute;
       left: -10px;
       /* 기호 위치 조정 */
   }

   .section02 a.mbtn {
       display: block;
       width: 100px;
       margin: 0 auto;
       border: 1px solid #ccc;
       background: #fff;
       line-height: 35px;
       border-radius: 20px;
       color: #333;
       padding: 0 15px;
       font-size: 14px;
   }

   .section02 .clearfix:hover a.mbtn {
       border: 1px solid #2253b8;
       background: #2253b8;
       color: #fff;
       border-radius: 0px;
       transition: all 0.5s;
   }

   @media screen and (max-width: 960px) {
       .section02 {
           padding: 150px 0 0
       }

       .section02 .clearfix {
           width: 100%;
           height: 400px;
           padding-bottom: 4%;
           text-align: center;
       }
   }










   .section03 {
       width: 100%;
       padding: 50px 0
   }

   .section03 .inner {
       overflow: hidden;
       padding: 0
   }

   .section03 .header {
       display: flex;
       justify-content: space-between;
       align-items: flex-start;
       margin-bottom: 40px;
       padding: 0 20px
   }

   .section03 .title {
       font-size: 40px;
       font-weight: bold;
   }


   /* 📱 모바일 (최대 768px) */
   @media screen and (max-width: 768px) {
       .section03 .title {
           font-size: 30px;
           font-weight: bold;
       }

   }




   .section03 .model {
       font-size: 20px;
       color: #555;
   }

   .section03 .info {
       text-align: left
   }




   .section03 .se03_i {

       width: 100%;
       display: flex;
       justify-content: space-evenly;
       flex-wrap: nowrap;
   }


   .section03 .se03_i .se03_item {

       width: 25%;
       margin: 20px;
       background-color: #f8f8f8;
       border-radius: 10px;
       text-align: center;
   }


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


       .section03 .se03_i {


           flex-wrap: wrap;
       }




       .section03 .se03_i .se03_item {

           width: 50%;
           margin: 10px;

       }



   }




   .section03 .se03_i .se03_item img {

       padding-top: 20px;
   }


   .section03 .b_txt {

       padding: 10px;
       font-size: 18px;

   }


   .section03 .se03_i .se03_item .tit {
       padding-top: 10px;

       font-size: 22px;
       font-weight: bold;

   }

   .section03 .se03_i .se03_item .dec {
       padding-top: 10px;

       font-size: 18px;
       padding-bottom: 20px;


   }





   .section03 .info dl {
       margin-bottom: 20px;
   }

   .section03 .info dt {
       font-size: 18px;
       font-weight: bold;
       margin-bottom: 10px;
   }

   .section03 .info dd {
       font-size: 18px;
       margin-bottom: 10px;
       color: #555
   }

   .section03 .info dt:first-child {
       font-size: 19px;
   }

   .section03 .info dt strong {
       font-weight: bold;
   }

   .section03 .pension_roll-swiper {
       width: 100%;
       height: 457px;
       position: relative;
   }

   .section03 .pension_roll-swiper .swiper-slide {
       width: 100%;
   }

   .section03 .pension_roll-swiper .swiper-slide img {
       width: 100%;
       height: 100%;
       object-fit: cover;
       position: absolute;
       top: 0;
       left: 0;
   }

   .section03 .pension_roll-nav {
       position: absolute;
       bottom: 20px;
       right: 20px;
       display: flex;
       align-items: center;
       z-index: 10;
   }

   .section03 .pension_roll-pagination {
       font-size: 18px;
       margin-right: 20px;
       color: #fff
   }

   .section03 .pension_roll-pagination .current-slide {
       font-weight: 700;
       color: #fff
   }

   .section03 .pension_roll-pagination .total-slides {
       font-weight: 500;
       color: #fff
   }

   .section03 .pension_roll-buttons button {
       background: none;
       border: none;
       font-size: 24px;
       cursor: pointer;
       padding: 0 10px;
       color: #fff
   }

   .section03 .pension_roll-buttons button i {
       color: #fff
   }

   @media (max-width: 768px) {

       .section03 {
           width: 100%;
           padding: 50px 0
       }



       .section03 .header {
           flex-direction: column;
           align-items: flex-start;
       }

       .section03 .info {
           text-align: left;
           margin-top: 20px;
       }
   }



   /* section5 */
   #section5 .section5 {}

   #section5 .section5 h3 {
       font-weight: bold;
   }

   #section5 .section5 span {
       font-weight: 400;
   }

   #section5 .section5_con {}

   #section5 .section5_con ul {
       overflow: hidden;
   }

   #section5 .section5_con ul li {
       float: left;
   }

   #section5 .section5_con ul li:nth-child(1) {
       width: 49%;
       margin-right: 1%;
   }

   #section5 .section5_con ul li:nth-child(2) {
       width: 49%;
       margin-left: 1%;
   }

   #section5 .section5_tbox {
       width: 45%;
       padding: 80px 10px;
       margin: 0 auto;
       position: relative;
       top: 50%;
       transform: translateY(-50%);
       background: rgba(0, 0, 0, 0.5);
       border: 15px solid rgba(255, 255, 255, 0.7);
   }

   #section5 .section5_tbox h5 {
       font-size: 36px;
       line-height: 46px;
       color: #fff;
       text-align: center;
   }

   #section5 .section5_tbox h5 span {
       font-weight: bold;
   }

   #section5 .section5_tbox p {
       padding-top: 20px;
       font-size: 14px;
       line-height: 24px;
       color: #fff;
       text-align: center;
   }

   #section5 .section5_img2 {
       width: 100%;
       height: 320px;
       margin-bottom: 20px;
       background-size: cover;
       background-position: center;
       background-repeat: no-repeat;
   }

   #section5 .s5i2_1 {
       background-image: url('/images/section5_1.png');
   }

   #section5 .s2i2_2 {
       background-image: url('/images/section5_2.png');
   }

   #section5 .section5_tbox2 {}

   #section5 .section5_tbox2 h6 {
       font-size: 18px;
       line-height: 26px;
       color: #60a4bf;
   }

   #section5 .section5_tbox2 p {
       padding-top: 10px;
       line-height: 24px;
       color: #666;
   }

   /*section1 E*/

   @media screen and (max-width:1199px) {
       #section5 .section5_tbox2 p {
           word-break: keep-all;
       }

       #section5 .section5_tbox2 p br {
           display: none;
       }

       #section5 .section5_tbox h5 {
           font-size: 30px;
           line-height: 40px;
           word-break: keep-all;
       }

       #section5 .section5_tbox h5 br {
           display: none;
       }
   }

   @media screen and (max-width:980px) {
       #section5 .section5_img2 {
           height: 280px;
       }

       #section5 .section5_img1 {
           height: 540px;
       }

       #section5 .section5_con ul li:nth-child(1) {
           margin-bottom: 45px;
       }

       #section5 .section5_tbox p {
           word-break: keep-all;
       }

       #section5 .section5_tbox p br {
           display: none;
       }

       #section5 .section5_tbox {
           width: 65%;
       }

       #section5 .sect_title h3 {
           line-height: 30px;
       }

       #section5 .sect_title p {
           word-break: keep-all;
       }

       #section5 .sect_title p br {
           display: none;
       }
   }

   @media screen and (max-width:767px) {
       #section5 .section5_tbox2 h6 {
           word-break: keep-all;
       }
   }

   @media screen and (max-width:600px) {
       #section5 .section5_con ul li:nth-child(1) {
           width: 100%;
           margin: 0;
           margin-bottom: 25px;
       }

       #section5 .section5_con ul li:nth-child(2) {
           width: 100%;
           margin: 0;
           margin-bottom: 25px;
       }

       #section5 .section5_tbox h5 {
           font-size: 26px;
           line-height: 32px;
       }

       #section5 .section5_tbox p {
           font-size: 13px;
           line-height: 22px;
       }

       #section5 .section5_tbox {
           width: 75%;
       }

       #section5 .section5_tbox2 p {
           font-size: 13px;
       }

       #section5 .sect_title p {
           padding-top: 15px;
           line-height: 20px;
       }
   }

   @media screen and (max-width:480px) {
       #section5 .section5_tbox2 h6 {
           font-size: 16px;
           line-height: 26px;
       }

       #section5 .section5_tbox2 p {
           font-size: 12px;
           line-height: 20px;
       }

       #section5 .section5_img2 {
           height: 175px;
       }

       #section5 .section5_tbox {
           padding: 110px 10px;
           width: 88%;
       }

       #section5 .section5_tbox h5 {
           font-size: 22px;
           line-height: 24px;
       }

       #section5 .section5_tbox p {
           font-size: 12px;
           line-height: 20px;
       }

       #section5 .section5_img1 {
           height: 460px;
       }

       #section5 .sect_title h3 {
           word-break: keep-all;
       }

       #section5 .sect_title h3 br {
           display: none;
       }
   }

   /* section6 */
   #section6 .section6 {
       padding-bottom: 125px;
   }

   #section6 .section6_list li {
       float: left;
       width: 370px;
   }

   #section6 .section6_list li.second {
       margin: 0 25px;
   }

   #section6 .section6_list h3 {
       margin: 30px 0 20px;
       padding: 0 10px;
       font-size: 18px;
       line-height: 24px;
       font-weight: 700;
   }

   #section6 .section6_list p {
       padding: 0 10px;
       font-size: 16px;
       line-height: 22px;
       color: #666;
   }

   #section6 .section6 .figure_area {
       width: 100%;
   }

   #section6 .section6 .figure_area img {
       width: 100%;
   }

   @media screen and (max-width:1199px) {
       #section6 .section6 {
           padding-bottom: 50px;
       }

       #section6 .section6_list li {
           float: none;
           margin: 0 auto;
           width: 90%;
       }

       #section6 .section6_list li.second {
           margin: 30px auto;
       }

       #section6 .section6 .figure_area {
           float: left;
           width: 50%;
       }

       #section6 .section6 .text_area {
           float: left;
           padding-left: 40px;
           width: 50%;
       }

       #section6 .section6_list h3 {
           margin: 30px 0 20px;
           padding: 0 10px;
           font-size: 16px;
           line-height: 22px;
       }

       #section6 .section6_list p {
           padding: 0 10px;
           font-size: 14px;
           line-height: 20px;
       }
   }

   @media screen and (max-width:767px) {
       #section6 .section6 {
           padding-bottom: 50px;
       }

       #section6 .section6_list {}

       #section6 .section6_list li {
           float: none;
           margin: 0 auto;
           width: 100%;
       }

       #section6 .section6_list li.second {
           margin: 45px auto;
       }

       #section6 .section6 .figure_area {
           float: none;
           width: 100%;
       }

       #section6 .section6 .text_area {
           float: none;
           padding-left: 0px;
           width: 100%;
       }

       #section6 .section6_list h3 {
           margin: 25px 0 15px;
           padding: 0 10px;
       }

       #section6 .section6_list p {
           padding: 0 10px;
       }
   }

   @media screen and (max-width:520px) {
       #section6 .section6 .sub_title_area .desc br {
           display: none;
       }
   }

   @media screen and (max-width:480px) {
       #section6 .section6 {
           padding-bottom: 50px;
       }

       #section6 .section6_list h3 {
           font-size: 14px;
           line-height: 20px;
       }

       #section6 .section6_list p {
           font-size: 13px;
           line-height: 18px;
       }
   }



   .upping {
       padding: 50px;
       width: 100%;
       margin: 0 auto;
       height: 600px;
       background-color: #f7f7f7;
       background: url('/images/bg_db1.jpg') no-repeat center center/cover;



   }



   /* 📱 모바일 (최대 768px) */
   @media screen and (max-width: 768px) {
       .upping {

           height: auto;
           padding: 5px;





       }

   }


   .su {
       width: 100%;
       padding-top: 0px;
       padding-bottom: 50px;
       text-align: center;
       color: #000000;
       font-size: 40px;
       font-weight: bold;
       background-color:
   }


   /* 📱 모바일 (최대 768px) */
   @media screen and (max-width: 768px) {

       .su {
           width: 100%;
           padding-top: 0px;
           padding-bottom: 50px;
           text-align: center;
           color: #000000;
           font-size: 30px;
           font-weight: bold;
           background-color:
       }

   }



    .uping_u {
        overflow: hidden;
        width: 100%;
        margin: 0 auto;
    }

    /* Slick 기본 스타일 수정 */
    .rolling-list {
        list-style: none;
        padding: 0;
        margin: 0;
        width: 100%;
        margin: 0 auto;
        max-width: 1000px;
        
        
    }

    .rolling-list li {
        display: flex !important;
        align-items: center;
        text-align: center;
        background: #fff;
        border-radius: 20px;
        height: 60px;
        margin-top: 5px;
        color: #727272;
        font-size: 20px;
        padding: 10px;
    }

    .rolling-list li p:nth-child(1),
    .rolling-list li p:nth-child(3) {
        flex-shrink: 0;
        width: 30%;
        font-size: 16px;
    }

    .rolling-list li p:nth-child(2) {
        flex-grow: 1;
           font-size: 16px;
    }

    .rolling-list li p:nth-child(3) {
        color: #111;
        font-weight: 600;
    }

    .rolling-list li p:nth-child(3) span {
        background: #e56626;
        color: #fff;
        padding: 5px 20px;
        border-radius: 999px;
    }

    /* 버튼 스타일 */
    .rolling-list li p span {
        border: 2px #e56626 solid;
        color: #e56626;
        padding: 5px 20px;
        border-radius: 999px;
        font-weight: 700;
    
    }

/* 📱 모바일 (최대 768px) */
@media screen and (max-width: 768px) {
    /* 버튼 스타일 */
    .rolling-list li p span {


        padding: 3px 10px;
        border-radius: 5px;
        font-weight: 400;
    
}

        }
        
        

    .rolling-list li p span.btn-t1 {
        border-color: #e56626;
        color: #e56626;
    }

    .rolling-list li p span.btn-t2 {
        border-color: #2d47cf;
        color: #2d47cf;
    }

    .rolling-list li p span.btn-t3 {
        border-color: #eee;
        color: #777;
        background: #eee;
    }


    
    .up_tit {text-align: center; font-size: 40px; color:#ffffff; font-weight: bold; padding-bottom: 50px;}
     .ppd {padding-bottom:0px}
    
/* 📱 모바일 (최대 768px) */
@media screen and (max-width: 768px) {
   .up_tit {text-align: center; font-size: 30px; color:#ffffff;  padding-bottom: 40px; padding-top: 50px}
    
        .ppd {padding-bottom:50px}
    
}




  
    .inquiry_warp {
        width: 100%;
        background-color: #ffffff;
        text-align: center;
        padding: 80px 10px;

    }


    .inquiry {
        padding: 40px 15px 40px 15px;
        background: #fff;
        width: 100%;
        max-width: 1200px;
        overflow: hidden;
        margin: 0 auto !important;

    }


    .inquiry_i img {
        width: 100%;
        border-radius: 10px;

    }

    .inquiry .inner .leftArea {
        float: left;
        width: 48%
    }

    .inquiry .inner .leftArea .infoList {
        margin: 10px 0 20px 0
    }

    .inquiry .inner .leftArea .infoList li {
        position: relative;
        font-size: 16px;
        color: #343434;
        padding: 5px 0 5px 0px
    }

    .inquiry .inner .leftArea .infoList li:before {
        position: absolute;
        top: 10%;
        left: 0;
        margin-top: -9px;
        font-family: 'Pe-icon-7-stroke';
        font-size: 18px
    }

    .inquiry .inner .rightArea {
        float: right;
        width: 48%
    }

    .inquiry .inner .rightArea .fieldList li {
        margin-bottom: 10px
    }

    .inquiry .inner .rightArea .fieldList li input[type=text] {
        width: 100%;
        height: 45px;
        padding-left: 20px;
        font-size: 16px;
        color: #343434;
        border: none;
        border-radius: 6px;
        background: #f0f0f0
    }

    .inquiry .inner .rightArea .fieldList li select {
        width: 100%;
        height: 45px;
        padding-left: 20px;
        font-size: 16px;
        color: #343434;
        border: none;
        border-radius: 6px;
        background: #f0f0f0
    }

    .inquiry .inner .rightArea .fieldList li input[type=file] {
        width: 100%;
        height: 30px
    }

    .inquiry .inner .rightArea .fieldList li textarea {
        width: 100%;
        height: 125px;
        padding: 20px;
        font-size: 16px;
        color: #343434;
        border: none;
        border-radius: 6px;
        background: #f0f0f0
    }

    .inquiry .inner .rightArea .btnArea {
        margin-top: 30px
    }

    .inquiry .inner .rightArea .btnArea .btn {
        margin-right: 5px
    }

    .inquiry .inner .rightArea .btnArea .btn-black-o {
        width: 300px;
        border-radius: 0
    }

    @media screen and (max-width:768px) {
        .inquiry .inner .leftArea {
            float: none;
            width: 100%;
            margin-bottom: 30px
        }

        .inquiry .inner .leftArea .infoList {
            margin: 20px 0 30px 0
        }

        .inquiry .inner .leftArea .infoList li {
            font-size: 13px
        }

        .inquiry .inner .rightArea {
            float: none;
            width: 100%
        }

        .inquiry .inner .rightArea .fieldList li input[type=text] {
            font-size: 13px;
            border-radius: 3px
        }

        .inquiry .inner .rightArea .fieldList li textarea {
            font-size: 13px;
            border-radius: 3px
        }

        .inquiry .inner .rightArea .fieldList li .selectbox>a {
            font-size: 13px
        }

        .inquiry .inner .rightArea .fieldList li .selectbox ul li {
            font-size: 13px
        }

        .inquiry .inner .rightArea .btnArea {
            text-align: center
        }

        .inquiry .inner .rightArea .btnArea .btn {
            font-size: 13px;
            margin: 0
        }
    }



.more-view {
    display: block;
    padding: 20px;
    border-radius: 10px;
    background: linear-gradient(#ffe400, #ffb400);
    text-align: center;
    line-height: 1.5em;
    transition: background 0.2s linear;
    color: #000;
     font-size:22px;
   color: #1f1f1f;
}


/* 📱 모바일 (최대 768px) */
@media screen and (max-width: 768px) {
.more-view {


    color: #000;
     font-size:20px;
   color: #1f1f1f;
        padding: 10px;
   
}

}


    
    /* 모달 기본 스타일 */
    .modal {
        position: fixed;
        z-index: 1000;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.4);

        /* 기본적으로 숨김 상태 */
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    }

    /* 모달 내용 */
    .modal-content {
        background-color: white;
        margin: 15% auto;
        padding: 20px;
        border-radius: 8px;
        width: 50%;
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);

        /* 처음에는 약간 축소된 상태 */
        transform: scale(0.95);
        opacity: 0;
        transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    }
    
    /* 📱 모바일 (최대 768px) */
@media screen and (max-width: 768px) {
    .modal-content {
        background-color: white;
        margin: 15% auto;
        padding: 20px;
        border-radius: 8px;
        width: 95%;

    }
    
}


    
    

    /* 모달이 활성화될 때 */
    .modal.show {
        opacity: 1;
        visibility: visible;
    }

    /* 모달이 활성화될 때 내용 애니메이션 */
    .modal.show .modal-content {
        opacity: 1;
        transform: scale(1);
    }

    /* 닫기 버튼 */
    .close {
        float: right;
        font-size: 24px;
        cursor: pointer;
    }




.inquiry-bar{
position:fixed;
z-index:99;
background:#ef4d26;
width:100%;
bottom:0;
left:0;
padding-top:35px;
box-sizing:border-box;
}
.inquiry-bar-area{
width:96%;
max-width:1200px;
margin:0 auto;
box-sizing:border-box;
display:flex;
justify-content: space-between;
}
.hope-tit{
font-style:oblique;
line-height:1.1;
}
.hope-tit p{
font-family:'Tenada';
font-size:38px;
color:#fff;
margin-right:5px;
}
.hope-tit p em{
color:#ffea39;
font-style:oblique;
}
.hope-tit span{
font-size:16px;
color:#d2e4f3;
font-weight:300;
}
.hope-input p{
display:inline-block;
}
.hope-input span{
display:inline-block;
font-weight:600;
color:#fff;
margin-right:10px;
margin-left:30px;
font-size:16px;
}
.hope-input input[type="text"],.hope-input input[type="tel"]{
border:0;
height:35px;
line-height:35px;
border-radius:5px;
padding:0 10px;
width:180px;
}

.hope-input select{
border:0;
height:35px;
line-height:35px;
border-radius:5px;
padding:0 10px;
width:180px;
}

.hope-input label{
font-size:0.9em;
color:#fff;
}
.hope-input a{
font-size:16px;
display:inline-block;
color:#f6ff00;
}
.hope-check{
text-align:right;
margin-top:5px;
font-size:18px;
}

.hope-foot{
width:100%;
text-align:center;
background:#2c201e;
padding:10px 0;
color:#fff;
font-size:20px;
margin-top:20px;
}

.hope-are a{
display:block;
padding:20px 30px 10px;
border-radius:10px;
background: linear-gradient(#ffe400, #ffb400);
text-align:center;
line-height:1.5em;
transition: background 0.2s linear;
}


    
    

@media (max-width:1280px) {
	.va-text{left:auto; right:30px;}
	.lp-ul{flex-wrap:wrap; justify-content: center;}
	.lp-ul-box{width:300px; height:300px; max-width:300px;}
	.hope-input input[type="text"],.hope-input input[type="tel"]{width:150px;} 
	.hope-input select{width:150px;} 

}

@media (max-width:1024px){
	.ha-left{display:block; width:100%; margin-top:50px; text-align:center;}
	.ha-right{display:block; position:absolute; width:100%; background:#0040a1; left:0; top:0; z-index:1; height:60px; line-height:60px;}
	.ha-right a{color:#fff; box-sizing:border-box; padding-right:10px;}
	.ha-left span{position:absolute; z-index:2; top:5px; line-height:60px; left:10px; color:#fff;}
	.header-area{position:unset}
	.lp-ul li{width:auto;}
	.va-img{width:160%; margin-left:-80%;}
	.va-text{width:40%;}

	.hope-input{text-align:center; margin:10px 0;}
	.hope-input input[type="text"],.hope-input input[type="tel"]{width:120px;}
	.hope-input span{font-size:18px;}
	.hope-check{text-align:center;}
	.inquiry-bar-area{display:block;}
	.hope-tit p{text-align:center; margin-right:0; font-size:30px;}
	.hope-tit p br{display:none;}
	.hope-are a br{display:none;}
	.hope-are a{padding:10px 0; line-height:1.1em; border-radius:100px; width:400px; margin:0 auto;}
	.hope-are a p{font-size:20px;}
	.hope-are a img{width:20px; vertical-align:baseline}
	.hope-input select{margin-top:0px;}

	#visual .slick-arrow{width:40px; height:40px; margin-top:-0px;}
	
	
}	

@media (max-width:768px){


	.inquiry-bar{padding-top:25px;}
	.hope-tit p{font-size:25px;}
	.hope-input{margin:5px 0;}
	.hope-input input[type="text"],.hope-input input[type="tel"]{width:100px;}
	.hope-input span{font-size:14px; margin-left:10px; margin-right:5px;}
	.hope-input P:last-child{display:block;}
	.hope-are a{width:220px; padding:5px 0;}
	.hope-foot{font-size:14px; word-break:keep-all; padding:5px 0; margin-top:20px;}
	.hope-input label,
	.hope-input a{font-size:14px;}
	.hope-input input[type="checkbox"]{line-height:1;}


}



@font-face {
    font-family: 'PartialSansKR-Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-1@1.1/PartialSansKR-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

    
    .bblt {
 animation: blink 1s infinite;
}

 @keyframes blink {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.8;
    }
}