@font-face {
    font-family: 'Pretendard Variable';
    font-weight: 45 920;
    font-style: normal;
    font-display: swap;
    src: url('../font/PretendardVariable.woff2') format('woff2-variations');
}

.display_pc_only{display:block;}
.display_tablet_only{display:none;}

/* 컨테이너를 중앙에 정렬 */
.container {
    width: 100%;
    max-width: 1300px; /* 최대 너비 설정 */
    margin: 0 auto; /* 중앙 정렬 */
    padding: 0px; /* 양옆 여백 */
}
.swiper {
    width: 100%;
    height: 100%;
}
/* 기본 레이아웃: 헤더, 메인, 푸터 */
header {padding:25px 0;}
header .container{display: flex;    justify-content: space-between;    align-items: center;}
header .logo img{height:35px;}
header .menu ul{display: flex;}
header .menu a{font-size: 23px; font-weight: 600; margin:0 0 0 45px;}

.top_line{background: #020a37; color:#fff; text-align: center; font-size:20px;    padding: 10px 0;}
.top_line li{display:inline-block; padding:0 60px; position:relative;}
.top_line li:nth-child(1):after{content:'l'; position: absolute; right:0;}
.top_line li:nth-child(2) span{cursor: pointer;}
.top_line li span, .top_line span{color:#ff8e8e;}

.main_slide{background: #f4f4f4; padding:60px 0; position: relative;}
.main_slide .swiper_mainsl{max-width: 1300px; margin:auto;}
.main_slide .swiper_mainsl .swiper-wrapper{}
.main_slide .in_arrow{    max-width: 1490px;
    width: 90%;
    margin: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 9;}
.main_slide .swiper-button-next, .main_slide .swiper-button-prev{    background: #fff;
    border-radius: 100%;
    width: 55px;
    height: 55px;
    box-shadow: 4px 3px 6px rgba(100, 100, 100, 0.40);}
.main_slide .swiper-button-next{}
.main_slide .swiper-button-prev{}
.main_slide .swiper-button-next:after, .main_slide .swiper-button-prev:after{color: #000; font-size: 28px;}
.main_slide .swiper-button-next:after{margin:3px 0 0 3px;}
.main_slide .swiper-button-prev:after{margin:3px 3px 0 0 ;}
.main_slide .box{    border-radius: 30px;}
.main_slide .in_text{font-size: 45px; line-height: 60px; font-weight: 600;    padding: 90px 0;  width: 82%; margin: auto;}
.main_slide .slide1{background:url(../img/main_sl1.jpg) top center no-repeat; background-size: cover;}
.main_slide .slide1 .in_text{color:#fff;}
.main_slide .slide2{background:url(../img/main_sl2.jpg) top center no-repeat; background-size: cover;}
.main_slide .slide2 .in_text{color:#020a37;}
.main_slide .slide3{background:url(../img/main_sl3_251113.jpg) top center no-repeat; background-size: cover;}
.main_slide .slide3 .in_text{color:#fff; padding: 85px 0;}
.main_slide .slide3 .in_text span{display:block; margin: 10px 0 0 0; color: #b9d1f5; font-size: 23px; line-height: 30px;}
.main_slide .slide4{background:url(../img/main_sl4.jpg) top center no-repeat; background-size: cover;}
.main_slide .slide4 .in_text{color:#fff; padding: 85px 0;}
.main_slide .slide4 .in_text span{display:block; margin: 10px 0 0 0; color: #b9d1f5; font-size: 23px; line-height: 30px;}

.main_search{max-width: 1300px; margin:50px auto 0;}
.main_search .search-container { width: 100%; /* 검색창의 전체 컨테이너 너비 */ position: relative;    border-radius: 10px;
    box-shadow: 4px 4px 6px rgba(100, 100, 100, 0.40);
    padding: 40px 0;}
.main_search .search-container .title{text-align: center; font-size: 35px; margin:0 0 35px 0; font-weight: 600;}
.main_search .search-container-full{max-width: 780px; margin: auto; position:relative;}
.main_search .search-container-in{    display: grid ; grid-template-columns: 1fr 120px;border: 2px solid #020a37;

    overflow: hidden;    }

/* 검색창 스타일 */
.main_search .search-input {

    padding: 15px 20px;
    font-size: 22px;
    font-weight: 600;
    border: 0;
    outline: none;
}

/* 검색창 클릭 시 스타일 변화 */
.main_search .search-input:focus {
    /*border-color: #3498db;*/
}

/* 검색버튼 스타일 */
.main_search .search-button {
    /*transition: background-color 0.3s ease;*/
    width:100%;
    background: #020a37;
    color: #fff;
    border: 0;
    font-size: 20px;
    padding: 10px 0;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.main_search .search-button:hover {
    /*background-color: #2980b9;*/
}
.main_search .search-button span{    margin: 0px 0 0 5px;}
.main_search .search-button span img{    width: 17px;  filter: invert(1);}

/* 검색결과 영역 */
.main_search .search-results {
    display: none;
    width: calc(100% - 120px);
    box-shadow: 0px 2px 15px -5px rgba(100,100,100,0.40);
    background-color: white;
    border-radius: 10px;
    padding:20px;
    max-height: 80vh;
    overflow-y: auto;
    transition: max-height 0.3s ease, opacity 0.3s ease;
    position: absolute;
    top: 65px;
    z-index:9;
}

/* 검색창 클릭 시 아래로 펼쳐지는 검색 결과 */
.main_search .search-input.active + .search-results {
    display: block;
    opacity: 1;
    max-height: 200px;
}

.main_search .search-result-item {
    padding: 15px 0;
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
}

.main_search .search-result-item:hover { background:#dddddd; }


.main_why{margin: 170px 0 0 0; position: relative;}
.main_why:after{content:'';    background: #f4f4f4;
    width: 100%;
    display: block;
    height: 47%;
    position: absolute;
    bottom: 0;
    z-index: -1;}
.main_why .in_box{max-width: 1300px; margin:auto;    display: flex; justify-content: space-between;align-items: center;}
.main_why .in_box .left{}
.main_why .in_box .left .title1{color: #2d50ff; font-size: 40px; font-weight: 600;}
.main_why .in_box .left .box{margin: 45px 0 0 0;}
.main_why .in_box .left .box .big{font-size: 40px;font-weight: 600; margin:0 0 15px 0;}
.main_why .in_box .left .box .small{font-size: 27px;}
.main_why .in_box .right{}
.main_why .in_box .right img{}

.main_product{margin: 175px 0 0 0;}
.main_product .title1{font-size: 50px; font-weight: 600; text-align: center;}
.main_product .title2{font-size: 30px; line-height: 45px; text-align: center; margin: 30px 0 60px;}
.main_product .con{position: relative;}
.main_product .swiper_mainproduct{max-width: 1300px; margin:auto;}
.main_product .swiper_mainproduct .swiper-wrapper{}
.main_product .in_arrow{    max-width: 1490px;
    width: 90%;
    margin: auto;
    position: absolute;
    left: 50%;
    top: 30%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 9;}
.main_product .swiper-button-next, .main_product .swiper-button-prev{    background: #f2f2f2;
    border-radius: 100%;
    width: 55px;
    height: 55px;}
.main_product .swiper-button-next{}
.main_product .swiper-button-prev{}
.main_product .swiper-button-next:after, .main_product .swiper-button-prev:after{color: #000; font-size: 28px;}
.main_product .swiper-button-next:after{margin:3px 0 0 3px;}
.main_product .swiper-button-prev:after{margin:3px 3px 0 0 ;}

.main_product .box{}
.main_product .box .foto{}
.main_product .box .foto img{ width:100%;}
.main_product .box .description{margin: 25px 0 35px 0;}
.main_product .box .description .brand{font-size: 23px; font-weight: 600;}
.main_product .box .description .name{color:#191f28; font-size: 20px; margin: 10px 0 20px 0;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
.main_product .box .description .totalprice{display: flex;}
.main_product .box .description .totalprice .sale{color: #cc0000; font-size: 23px; font-weight: 600;margin: 0 15px 0 0;}
.main_product .box .description .totalprice .price{}
.main_product .box .description .totalprice .price .price1{color:#191f28; font-size: 23px; font-weight: 600;}
.main_product .box .description .totalprice .price .price2{font-size: 18px; color: #999999;    text-decoration: line-through;    margin: 0 0 0 10px;}
.main_product .box .link_buy{}
.main_product .box .link_buy a{display: block; font-size: 20px; text-align: center; border:1px solid #020a37; color:#020a37;    padding: 10px 0;}
.main_product .box .link_buy a:hover{background: #020a37; color:#fff;}

/* 팝업 레이어 스타일 */
.product_popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    z-index: 99;
}
.product_popup h3{font-size: 22px; line-height: 35px; margin: 0 0 30px 0;}
.product_popup .name{font-size: 25px; font-weight: 600;    text-align: left; margin: 0 0 20px 0;}
.product_popup .popup-content {
    background-color:#f7f7f7;
    padding: 60px 55px;
    border-radius: 10px;
    width: 490px;
    text-align: center;
    position:relative;
}
.product_popup .popup-content input,
.product_popup .popup-content .radio-group {
    margin-bottom: 10px;
    padding: 10px;
    width: 100%;
    font-size: 18px;
}
.product_popup .popup-content button {
    padding: 10px;
    background-color: #020a37;
    color: white;
    border: none;
    border-radius: 0px;
    cursor: pointer;
    font-size: 20px;
    width:100%;
}
.product_popup .popup-content button:hover {
    background-color: #020a37;
}
.product_popup .popup-content button.close-popup{    position: absolute;
    top: 0;
    right: 2%;
    width: auto;
    background-color: transparent;
    color: #020a37;
    font-size: 26px;}
.product_popup .radio-group input {
    width:20px;
    height:20px;
    margin-top:10px;
}
.product_popup .radio-group {
    display: flex;
    justify-content: center;
    font-size: 18px;
}
.product_popup .radio-group label {
    display: flex;
    width:50%;
    align-items: center;
    gap: 5px;
    cursor: pointer;
}

.main_how{margin: 175px 0;}
.main_how .title1{text-align: center; color: #2d50ff; font-size: 45px; font-weight: 600;}
.main_how .con{margin: 60px auto 0; max-width: 1300px;    display: flex; justify-content: space-between; flex-wrap: wrap;}
.main_how .con .box{width: calc(100% / 4);}
.main_how .con .in_box{    border-radius: 20px; box-shadow: 4px 4px 6px rgba(100, 100, 100, 0.40); width: 92%; overflow: hidden;}
.main_how .con .box .foto:before{content:"";display:block;padding-bottom:70%;}
.main_how .con .box1{}
.main_how .con .box .text{font-size: 27px; line-height: 37px;    padding: 30px 0; width: 80%; margin: auto; font-weight: 600;}
.main_how .con .box .text span{color:#929292;}

.main_how .con .box1 .foto{background:url(../img/how1.png) top center no-repeat; background-size: cover;}
.main_how .con .box2 .foto{background:url(../img/how2.png) top center no-repeat; background-size: cover;}
.main_how .con .box3 .foto{background:url(../img/how3.png) top center no-repeat; background-size: cover;}
.main_how .con .box4 .foto{background:url(../img/how4.png) top center no-repeat; background-size: cover;}


.main_ban1{background:url(../img/main_bg2.jpg) top center no-repeat; background-size: cover; position: relative;}
.main_ban1:before{content:"";display:block;padding-bottom:29%;}
.main_ban1 .in_box{max-width: 1300px; width:100%; margin:auto; color:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);}
.main_ban1 .text1{font-size: 60px; font-weight: 600;}
.main_ban1 .text2{font-size: 38px; line-height: 45px; margin:50px 0 15px;}
.main_ban1 .text3{font-size: 38px; line-height: 45px;}

.main_count{background: #f2f2f2;padding:150px 0;}
.main_count .title1{font-size: 50px; line-height: 70px; text-align: center; font-weight: 600;}
.main_count .con{margin:70px 0 0 0;}
.main_count .con ul{max-width: 1150px; margin: auto;    display: flex; justify-content: space-around; align-items: center;}
.main_count .con .box{}
.main_count .con .box .in_title{font-size: 30px; margin: 0 0 20px 0;}
.main_count .con .box .in_num{font-size: 60px;font-weight: 600;}



.main .ban_cs{margin: 50px auto 0;}
.ban_cs{max-width: 1300px; margin:auto;background:url(../img/bg_ban1.png) top left no-repeat #f9f7f3; }
.ban_cs:after { content:""; clear:both; display:block; }
.ban_cs .in_box{    padding: 48px 45px 48px 0;  float: right;}
.ban_cs .in_box ul{    display: flex; justify-content: space-around; align-items: center;}
.ban_cs .in_box li{}
.ban_cs .in_text{}
.ban_cs .in_text .one{font-size: 36px; font-weight: 600;    margin: 0 0 10px 0;}
.ban_cs .in_text .two{display: flex; justify-content: space-between; align-items: flex-end;}
.ban_cs .in_text .two .text1{font-size: 28px; font-weight: 400; line-height: 1;}
.ban_cs .in_text .two .text2{font-size: 42px; color:#2d50ff; font-weight: 600; line-height: 1;}
.ban_cs .in_box .b_link{font-size: 25px; color:#fff; background: #2d50ff;display: block; width: 95px; height:95px; border-radius: 100%; text-align: center; line-height: 95px;margin: 0 0 0 55px;}

.main .partner{margin:170px auto 0;}
.partner{text-align: center; max-width: 990px; width:100%; margin:auto;}
.partner .title1{font-size: 35px; color:#2d50ff;}
.partner .title2{font-size: 50px; line-height: 70px; margin:30px 0 75px 0; font-weight: 600;}
.partner .img_link img{width: 100%;}
.partner .img_link ul{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; gap:15px;}

footer{background: #f6f6f6; padding:65px 0; margin:130px 0 0 0;}
footer .box1{}
footer .box1 .logo_bottom{}
footer .box1 .logo_bottom img{height: 35px;}
footer .box1 .link_info{margin: 20px 0 30px;}
footer .box1 .link_info a{font-size: 18px; margin:0 20px 0 0;}
footer .box2{display: flex; justify-content: space-between;align-items: flex-end;}
footer .box2 .info1{font-size: 15px; line-height: 25px;}
footer .box2 .info1 span{font-size: 17px; display: block; margin: 25px 0 0 0; font-weight: 600;}
footer .box2 .info2{}
footer .box2 .info2 .text1{font-size: 25px;margin: 0 0 10px 0; font-weight: 600;}
footer .box2 .info2 .text2{font-size: 45px; color: #2d50ff; font-weight: 600; line-height: 1;}

.quick{    width: 80px;  position: fixed; right: 20px; bottom: 50px; z-index: 9;}
.quick img{margin: 5px 0; width:100%;}


.link_info_popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    z-index: 99;
}
.link_info_popup h3{font-size: 22px; line-height: 35px; margin: 0 0 30px 0;}
.link_info_popup .name{font-size: 25px; font-weight: 600;    text-align: left; margin: 0 0 20px 0;}
.link_info_popup .popup-content {
    background-color:#f7f7f7;
    padding: 60px 55px;
    border-radius: 10px;
    width: 490px;
    text-align: center;
}
.link_info_popup .popup-content p{    max-height: 250px;  overflow-y: auto; margin: 25px 0; text-align: left;font-size: 14px;
    line-height: 20px;}
.link_info_popup .popup-content p b{margin: 0px 0 5px; display: block;}
.link_info_popup .popup-content input {
    margin-bottom: 10px;
    padding: 10px;
    width: 100%;
    font-size: 18px;
}
.link_info_popup .popup-content button {
    padding: 10px;
    background-color: #020a37;
    color: white;
    border: none;
    border-radius: 0px;
    cursor: pointer;
    font-size: 20px;
    width:100%;
}
.link_info_popup .popup-content button:hover {
    background-color: #020a37;
}


.link_payback_popup{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    z-index: 99;
}

.link_payback_popup .popup-content {
    /*background-color:#f7f7f7;
    padding: 60px 55px;
    border-radius: 10px;*/
    width: 974px;
    height:80%;
    overflow-y: auto;
    text-align: center;
}

.link_payback_popup .popup-content img{width: 100%;}



.link_email_popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    z-index: 99;
}
.link_email_popup h3{font-size: 22px; line-height: 35px; margin: 0 0 30px 0;}
.link_email_popup .name{font-size: 25px; font-weight: 600;    text-align: left; margin: 0 0 20px 0;}
.link_email_popup .popup-content {
    background-color:#f7f7f7;
    padding: 60px 55px;
    border-radius: 10px;
    width: 490px;
    text-align: center;
    position:relative;
}
.link_email_popup .popup-content h2{
    border-bottom: 2px solid #000;
    text-align: left;
    padding: 0 0 20px 0;
    margin:0 0 25px 0;
}

.link_email_popup .popup-content .description{  /*  max-height: 305px; overflow-y: auto;*/}
.link_email_popup .popup-content .description span{font-size: 20px; display:block; text-align: left; margin: 0 0 10px 0;    font-weight: 600;}
.link_email_popup .popup-content .description li{padding:0 0 15px 0;}
.link_email_popup .popup-content .description textarea{    width: 100%;  height: 100px; font-size:16px; padding:10px;}

.link_email_popup .popup-content p{    max-height: 250px;  overflow-y: auto; margin: 0 0 25px 0; text-align: left;font-size: 14px;
    line-height: 20px;}
.link_email_popup .popup-content p b{margin: 0px 0 5px; display: block;}
.link_email_popup .popup-content input {
    margin-bottom: 10px;
    padding: 10px;
    width: 100%;
    font-size: 16px;
}
.link_email_popup .popup-content button {
    padding: 10px;
    background-color: #020a37;
    color: white;
    border: none;
    border-radius: 0px;
    cursor: pointer;
    font-size: 20px;
    width:100%;
    margin: 20px 0 0 0;
}
.link_email_popup .popup-content button:hover {
    background-color: #020a37;
}

.link_email_popup .popup-content button.close-popup{    position: absolute;
    top: -10px;
    right: 2%;
    width: auto;
    background-color: transparent;
    color: #020a37;
    font-size: 26px;}


.about{margin: 85px 0 0 0;}
.about .box1{text-align: center;}
.about .box1 .title1{font-size: 35px; color:#2d50ff;    font-weight: 600;}
.about .box1 .title2{font-size: 50px; line-height: 70px; margin:30px 0 75px 0; font-weight: 600;}
.about .box1 .img img{width: 100%;}

.about .box2{margin: 140px 0 130px;}
.about .box2 .text1{font-size: 40px; color:#2d50ff;    font-weight: 600;}
.about .box2 .text2{font-size: 50px; line-height: 70px; margin:30px 0 65px 0; font-weight: 600;}
.about .box2 .text3{font-size: 30px; line-height: 50px;}

.about .box3{margin: 125px 0 145px;}
.about .box3 .t_img img{width:83px;}
.about .box3 .title1{font-size: 50px; line-height: 70px; margin:35px 0 35px 0; font-weight: 600;}
.about .box3 .title2{font-size: 35px;}
.about .box3 .con{margin: 85px 0 0 0;    border-radius: 20px; box-shadow: 4px 4px 6px rgba(100, 100, 100, 0.40); padding: 85px 80px;}
.about .box3 .con ul{position: relative; padding: 0 0 0 85px;}
.about .box3 .con ul:before{    content: '';
    width: 1px;
    display: block;
    height: 94%;
    background: #000;
    position: absolute;
    left: 4px; top:30px;}
.about .box3 .con li{    padding: 15px 0;}
.about .box3 .con .in_box{ display: grid; grid-template-columns: 25% 1fr }
.about .box3 .con .in_box .year{font-size: 35px; font-weight: 600; position: relative;}
.about .box3 .con .in_box .year:before{content:''; display: block;    width: 10px;
    height: 10px;
    background: #000;
    border-radius: 100%;
    position: absolute;
    top: 12px;
    left: -85px;}
.about .box3 .con .in_box .description{font-size: 23px; line-height: 40px; color:#666;}

.about .partner{margin: 0 auto 145px;}

.cs{margin: 85px 0 0 0;}
.cs .box1{text-align: center; margin: 0 0 160px;}
.cs .box1 .title1{font-size: 35px; color:#2d50ff;font-weight: 600;}
.cs .box1 .title2{font-size: 50px; line-height: 70px; margin:30px 0 75px 0; font-weight: 600;}
.cs .box1 .con{display: grid; grid-template-columns: 1fr 1fr 1fr; gap:25px;}
.cs .box1 .con .in_box{border-radius: 10px; padding: 35px; text-align: left; cursor: pointer;}
.cs .box1 .con .in_box .con1{font-size: 42px; color:#fff; margin: 0 0 35px 0;font-weight: 600;display: flex;  align-items: center;  min-height: 72px;}
.cs .box1 .con .in_box .con1 img{height: 72px;}
.cs .box1 .con .in_box .con2{font-size: 25px;    font-weight: 600;}
.cs .box1 .con .in_box1{background: #2d50ff; color:#fff;}
.cs .box1 .con .in_box2{background: #ffeb00; color:#3c1e1e;}
.cs .box1 .con .in_box3{background: #00c63b; color:#fff;}
.cs .box1 .con .in_box4{background: #020a37; color:#fff;}

.cs .box2{margin: 95px 0 0 0;}
.cs .box2 .title{font-size: 40px; font-weight: 600; margin: 0 0 30px 0;}

/* 탭 스타일 */
.cs .box2 .tabs {
    display: flex;
    margin: 0 0 25px 0;
}

.cs .box2 .tab {
    padding: 10px 20px;
    cursor: pointer;
    font-size: 25px;
    border-radius: 100px;
    margin: 0 5px 0 0;
    font-weight: 600;
}

.cs .box2 .tab:hover {
    background: #2d50ff;
    color:#fff;
}

.cs .box2 .active-tab {
    background: #2d50ff;
    color:#fff;
}

/* 탭 내용 스타일 */
.cs .box2 .tab-content {
    display: none;
    border-top: 2px solid #000;
}

.cs .box2 .active-content {
    display: block;
}

/* 아코디언 스타일 */
.cs .box2 .accordion {

    cursor: pointer;
    font-size: 23px;
    border-bottom: 1px solid #e5e5e5;
    padding:25px 20px;
}

.cs .box2 .active-accordion {

}

.cs .box2 .panel {
    display: none;
    padding: 25px 20px;
    font-size: 20px;
    background-color: #f9f9f9;
    border-bottom: 1px solid #e5e5e5;
    line-height: 26px;
}

.cs .box2 .active-panel {
    display: block;
}

.page.event{text-align: center;    margin: 50px auto 0;max-width: 974px; width:100%;}
.page.event img{width:100%;}
.page.event .box_text{background:#201d3c; padding:60px 75px;    max-width: 974px;
    margin: -3px auto 0;
    text-align: left;}
.page.event .box_text .title{}
.page.event .box_text .title span{display:inline-block; color:#201d3c; background:#fff; border-radius: 100px;    font-size: 20px;
    font-weight: 600;
    padding: 15px 20px;}
.page.event .box_text .in_text{color:#fff; margin: 20px 0 0 0;}
.page.event .box_text .in_text li{font-size: 20px; line-height: 30px; padding: 10px 0;}
.page.event .box_text .in_text li:last-child{font-size: 22px;}

/* 배경 어둡게 처리 */
.intro_popup {
    display: none; /* 처음에는 숨김 */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    z-index: 99;
}

/* intro_popup 내부 스타일 */
.intro_popup-content {
    background-color: white;
    padding: 0px;
    text-align: center;
    max-width: 370px;
}

.intro_popup-content img{width:100%;}

.intro_popup-buttons {
    margin-top: -3px;
    display: grid; grid-template-columns: 1fr 1fr
}

.intro_popup button {
    padding: 15px 0;
    cursor: pointer;
    border: none;
    background: #fff;
    font-size: 16px;
}
.intro_popup button:nth-child(1){border-right: 1px solid #ccc;}

.intro_popup button:hover {
}


/* 미디어 쿼리: 화면 크기가 1024px 이하일 때 */
@media (max-width:1024px) {
    .display_pc_only{display:none;}
    .display_tablet_only{display:block;}
    .container{padding:0 15px;}

    .intro_popup-content{width:80%;}
    .page.event{margin:0;}

    .top_line{font-size: 18px;}
    .top_line li{padding:0 10px;}

    header .logo img { height: 25px;}
    header .menu a{font-size: 16px; margin: 0 0 0 10px;}

    .main_slide{padding:35px  15px 10px 15px;}
    .main_slide .slide1{background:url(../img/main_sl1mo.jpg) center center no-repeat; background-size: cover;}
    .main_slide .slide2{background:url(../img/main_sl2mo.jpg) center center no-repeat; background-size: cover;}
    .main_slide .slide3{background:url(../img/main_sl3mo_251113.jpg) center center no-repeat; background-size: cover;}
    .main_slide .slide4{background:url(../img/main_sl4mo_v4.jpg) center center no-repeat; background-size: cover;}
    .main_slide .in_text{font-size: 25px;  line-height: 36px;padding: 63px 0; width: 86%;}
    /*
    .main_slide .slide3 .in_text{        padding: 50px 0;}
    .main_slide .slide3 .in_text span{font-size: 18px; line-height: 25px;}
    */
    .main_slide .swiper_mainsl .swiper-slide:after{content: ''; display: block;padding-bottom:35px;}
    .main_slide .swiper-pagination-bullet{width: 10px; height: 10px;}
    .main_slide .swiper-pagination-bullet-active{background: #000;}


    .quick{width: 50px; right:10px; bottom:20px;}
    .quick img { margin: 3px 0;}
    .main_why .in_box{flex-direction: column;}
    .main_how .con .box { width: calc(100% / 2); margin:0 0 25px;}

    .main .ban_cs { margin: 45px auto 0;}
    .ban_cs{    background: url(../img/bg_ban1mo.png) top left no-repeat #f9f7f3;        background-size:contain;}
    .ban_cs .in_text .one{font-size: 16px;        text-align: right;}
    .ban_cs .in_box {padding: 20px 15px 20px 0;    }
    .ban_cs .in_text .two{justify-content: flex-end;}
    .ban_cs .in_text .two .text2{font-size: 28px;}

    .main_search{padding:0 15px;margin: 45px auto 0;}
    .main_search .search-container .title{font-size: 22px;margin: 0px 0 25px 0;}
    .main_search .search-container-full{  width: 90%; margin:auto;}
    .main_search .search-container-in{grid-template-columns: 1fr 80px;      }
    .main_search .search-input { padding: 10px 10px;  font-size: 14px; width: 100%;}
    .main_search .search-button{font-size: 15px;}
    .main_search .search-button span img{width: 13px;    margin: 5px 0 0 0;}
    .main_search .search-results{width: calc(100% - 80px); top:47px; padding: 10px;max-height: 200px;}
    .main_search .search-result-item{font-size: 14px;}

    .main_product{margin: 70px 0 0 0;}
    .main_product .title1{font-size: 30px;}
    .main_product .title2 { font-size: 20px;  line-height: 32px;    margin: 20px 0 40px;}
    .main_product .con{padding: 0 15px;}
    .main_product .box{margin: 0 0 40px 0;}
    .main_product .box .description{margin: 15px 0 20px 0;}
    .main_product .box .description .brand{font-size: 18px;}
    .main_product .box .description .name{font-size: 14px;}
    .main_product .box .description .totalprice .sale{font-size: 18px;    margin: 0 7px 0 0;}
    .main_product .box .description .totalprice .price .price1{font-size: 18px;}
    .main_product .box .description .totalprice .price .price2{font-size: 13px; margin: 0 0 0 5px;}
    .main_product .box .link_buy a{font-size: 16px; padding:8px 0;}

    .product_popup .popup-content{padding: 30px 30px; width: 90%;}
    .product_popup .name { font-size: 20px;}
    .product_popup .popup-content input{font-size: 15px;}
    .product_popup .popup-content button{font-size: 18px;}
    .product_popup h3 { font-size: 20px; line-height: 30px; margin: 0 0 20px 0;}

    .main_why {  margin: 70px 0 0 0;}
    .main_how{margin: 70px 0;}
    .main_how .title1{font-size: 30px;}
    .main_how .con .box .text { font-size: 16.5px; line-height: 27px; width: 88%; padding:15px 0; }
    .main_how .con{padding:0 15px;margin: 45px auto 0;}
    .main_how .con .in_box{margin: auto; width: 88%;}

    .main_why:after{content:none;}
    .main_why .in_box .left .title1{font-size: 24px;padding: 0 15px;}
    .main_why .in_box .left{position: relative; width:100%;        padding: 0 0 30px 0;}
    .main_why .in_box .left:after{    content: '';
        background: #f4f4f4;
        width: 100%;
        display: block;
        height: 60%;
        position: absolute;
        bottom: 0;
        z-index: -1;}
    .main_why .in_box .left .box {margin: 25px 0 0 0; padding:0 15px;}
    .main_why .in_box .left .box .big{font-size: 26px;}
    .main_why .in_box .left .box .small { font-size: 20px;  line-height: 32px;}
    .main_why .in_box .right{text-align: center;        margin: 50px 0 0 0;}
    .main_why .in_box .right img {width: 96%;}

    .main_ban1 { background: url(../img/main_bg2mo.jpg) top center no-repeat; background-size: cover;}
    .main_ban1:before{    padding-bottom: 66%;}
    .main_ban1 .text1 { font-size: 28px;}
    .main_ban1 .text2 {  font-size: 18px; line-height: 28px;margin: 25px 0 15px;}
    .main_ban1 .text3 {  font-size: 18px; line-height: 28px;}
    .main_ban1 .in_box{padding:0 15px;}


    .main_count{    padding: 50px 10px 40px;}
    .main_count .con { margin: 40px auto 0; width:92%;}
    .main_count .title1 { font-size: 26px; line-height: 42px;}
    .main_count .con .box .in_title { font-size: 22px;    margin: 0 0 10px 0;}
    .main_count .con ul{    flex-wrap: wrap;    justify-content: flex-start;}
    .main_count .con li{width:calc(100% / 2);        margin: 0 0 20px 0;}
    .main_count .con .box .in_num {font-size: 38px;}

    .main .partner{margin: 70px auto 0;}
    .partner .title1 { font-size: 22px;}
    .partner .title2 { font-size: 26px; line-height: 38px;margin:  15px 0 35px 0}
    .partner .img_link{padding: 0 15px;}
    .partner .img_link ul{grid-template-columns: 1fr 1fr 1fr;    gap: 15px; }

    footer{margin: 70px 0 0 0;}
    footer .box2{flex-wrap: wrap;}
    footer .box1 .link_info a{font-size: 16px;}
    footer .box1 .logo_bottom img{height: 25px;}
    footer .box2 .info1{font-size: 13px; line-height: 20px;}
    footer .box2 .info1 span{font-size: 16px; margin: 25px 0 25px 0}
    footer .box2 .info2 .text1{font-size: 22px; margin: 0 0 10px 0;}
    footer .box2 .info2 .text2{font-size: 36px;}

    .link_info_popup .popup-content{padding: 30px 30px; width: 90%;}
    .link_info_popup .name { font-size: 20px;}
    .link_info_popup .popup-content input{font-size: 15px;}
    .link_info_popup .popup-content button{font-size: 18px;}
    .link_info_popup h3 { font-size: 20px; line-height: 30px; margin: 0 0 20px 0;}

    .link_payback_popup .popup-content{padding: 30px 30px; width: 92%;}

    .link_email_popup .popup-content{padding: 30px 30px; width: 92%;}
    .link_email_popup .popup-content .description span {  font-size: 16px;}
    .link_email_popup .popup-content input{padding:5px; font-size: 14px;}
    .link_email_popup .popup-content .description li {   padding: 0 0 5px 0;}
    .link_email_popup .popup-content button{font-size: 18px;}


    .about{margin: 45px 0 0 0;}
    .about .box1 .title1{font-size: 22px;}
    .about .box1 .title2{ font-size: 26px; line-height: 38px; margin: 15px 0 35px 0;}
    .about .box2 { margin: 70px 0 70px;}
    .about .box2 .text1{font-size: 22px;}
    .about .box2 .text2{font-size: 26px; line-height: 38px; margin: 15px 0 35px 0;}
    .about .box2 .text3{font-size: 18px; line-height: 30px;}
    .about .box3 {margin: 75px 0 75px}
    .about .box3 .t_img img { width: 55px;}
    .about .box3 .title1{font-size: 26px; line-height:38px;margin: 20px 0 20px 0;}
    .about .box3 .title2{font-size:18px;        line-height: 30px;}
    .about .box3 .con{margin: 45px 0 0 0; padding: 25px 20px;}
    .about .box3 .con ul{padding: 0;}
    .about .box3 .con ul:before, .about .box3 .con .in_box .year:before{content: none;}
    .about .box3 .con .in_box{display: block;}
    .about .box3 .con .in_box .year{font-size: 26px;}
    .about .box3 .con .in_box .description {font-size: 18px; line-height: 32px;    margin: 10px 0 0 0;}
    .about .partner{margin: 0 auto 75px;}

    .cs {margin: 45px 0 0 0;}
    .cs .box1{margin: 0 0 70px;}
    .cs  .box1 .title1{font-size: 22px;}
    .cs  .box1 .title2{ font-size:26px; line-height: 38px; margin: 15px 0 35px 0;}
    .cs .box1 .con{grid-template-columns: 1fr 1fr;         gap: 15px;}
    .cs .box1 .con .in_box{padding: 20px;}
    .cs .box1 .con .in_box .con1{font-size: 26px; margin: 0 0 20px 0;    min-height: 45px;}
    .cs .box1 .con .in_box .con1 img {height: 45px;}
    .cs .box1 .con .in_box .con2 { font-size: 16px;}
    .cs .box2 .title {font-size: 32px; margin: 0 0 25px 0;}
    .cs .box2 .tab {padding: 5px 10px; font-size: 16px;}
    .cs .box2 .accordion{font-size: 18px; line-height: 24px; padding: 15px 10px;}
    .cs .box2 .panel{padding:15px 10px; font-size: 16px; line-height: 22px;}

    .page.event .box_text{padding: 40px 15px;}
    .page.event .box_text .title span{font-size: 16px; padding: 10px 15px;}
    .page.event .box_text .in_text li {  font-size: 16px;  line-height: 24px;  padding: 5px 0;}
    .page.event .box_text .in_text li:last-child { font-size: 18px;}


}

/* 미디어 쿼리: 화면 크기가 480px 이하일 때 */
@media (max-width: 480px) {

}