@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
.display_tablet_only {display:none !important;}
.display_pc_only {display:block;}

#header{position:fixed; top:0; width:100%;z-index: 9; padding:30px 50px; display: flex;justify-content: space-between;align-items: center;}
#header .logo{padding:0 0 0 0px;}
#header .logo img{max-height: 60px;}

#header .menu{}
#header .menu li{display:inline-block; font-size: 20px; padding:0 0 0 20px;}
#header .menu a{color:#fff;}

.f_box{height:100%;}
.f_box:before{content:'';    background: rgba(255, 255, 255, 0.7); width: 100%;    height: 100%; position: absolute;}
.f_box .in_wrap{position: absolute; z-index: 9;max-width: 1200px; width:95%; 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%);}
.f_box .p_title{font-size: 50px; padding-bottom: 50px; font-weight: 700;}









/* 
.swiper-pagination1 .swiper-pagination-bullet-active{background:#ffff00 !important;}
.swiper-pagination1 .swiper-pagination-bullet{width:13px; height:13px; background:#fff;}
*/


/* 부모 컨테이너: 내부 불렛들을 가로 중앙으로 정렬 */
.swiper-pagination1 {
    display: flex;
    justify-content: center; /* 가로 중앙 정렬 */
    align-items: center;     /* 세로 중앙 정렬 (필요시) */
    width: 100%;            /* 전체 너비를 차지해야 중앙 정렬이 보입니다 */
    height: 50px;
    bottom: 10px;            /* 하단 위치 조정 (상황에 맞게 조절) */
}

/* 활성화된 불렛 색상 */
.swiper-pagination1 .swiper-pagination-bullet-active {
    background: #ec9843 !important;
    opacity: 1; /* 활성화 시 선명하게 */
}

/* 기본 불렛 스타일 */
.swiper-pagination1 .swiper-pagination-bullet {
    width: 13px;
    height: 13px;
    background: #fff;
    opacity: 0.5; /* 비활성 상태 투명도 (선택 사항) */
    margin: 0 4px; /* 불렛 사이의 간격 */
}




.swiper-button-next2, .swiper-button-prev2{width:100px !important}
.swiper-button-next2:after{content: '' !important;
    background: url(../img/arrow_right.png) top center no-repeat;
    background-size: 100%;
    width: 50px;
    height: 50px;}
.swiper-button-prev2:after{content: '' !important;
    background: url(../img/arrow_left.png) top center no-repeat;
    background-size: 100%;
    width: 50px;
    height: 50px;}














.f_box1{background:url(../img/bg1.jpg) top center no-repeat; background-size: cover; color:#000;}
.f_box1 .box1{margin:0 0 50px 0}
.f_box1 .box1 .title1{font-size: 50px; padding-bottom: 20px; font-weight: 700;}
.f_box1 .box1 .title1 span{font-size: 20px;}
.f_box1 .box1 .title2{font-size: 32px; font-weight: 500;    line-height: 50px;}
.f_box1 .box2{}
.f_box1 .box2 ul{display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;}
.f_box1 .box2 li{}
.f_box1 .box2 .text1{    font-size: 15px; font-weight: 300;}
.f_box1 .box2 .text2{font-size: 44px; font-weight: 700;}





/* .f_box2{background:url(../img/bg2222.png) top center no-repeat; background-size: cover; color:#000;} */
.f_box2{background:url(../img/bg2-260219.png) top center no-repeat; background-size: cover; color:#000;}
.f_box2 .box2{}
.f_box2 .box2 img{width:40%}
.f_box2 .box2 ul{display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr; gap:50px;}
.f_box2 .box2 li{}
.f_box2 .box2 .icon img{    width: 65px; margin: 0 0 20px 0;}
.f_box2 .box2 .text1{  font-size: 30px; font-weight: 700; padding-bottom: 20px;}
.f_box2 .box2 .text1 span{display:block;font-size: 44px;}
.f_box2 .box2 .text2{  font-size: 15px; font-weight: 300;}





.f_box3{background:url(../img/bg3.jpg) top center no-repeat; background-size: cover; color:#000;}
.f_box3 .box2{}
.f_box3 .box2 img {display:unset; width:40%}
.f_box3 .box2 ul{display: grid;
    grid-template-columns: 1fr 1fr 1fr; gap:50px;}
.f_box3 .box2 li{}
.f_box3 .box2 .text1{  font-size: 30px; font-weight: 700; padding-bottom: 20px;}
.f_box3 .box2 .text1 span{display:block;font-size: 44px;}
.f_box3 .box2 .text2{  font-size: 15px; font-weight: 300;}





/* .f_box4{background:url(../img/bg4.jpg) top center no-repeat; background-size: cover; color:#fff;} */
.f_box4{  background-size: cover; color:#000f;}
.f_box4 .box2{max-width: 1200px; margin: auto;}
.f_box4 .box2 .text1{font-size: 44px; font-weight: 700;}
.f_box4 .box2 .text2{font-size: 15px; font-weight: 300;}
.f_box4 .box2 .arrow_btn{position: fixed; top: 55px; right: 0;width: 200px;    z-index: 9;}
.f_box4 .box2 .arrow_btn .in{position: relative;}
.f_box4 .box2 .swiper-slide{    justify-content: normal;}
.f_box4 .box3{    margin-bottom: 0px; margin-top: 100px; border-bottom:1px solid #fff;}
.f_box4 .box3 .col {
    width: 100%;
    border-top: 1px solid #fff;
}
.f_box4 .box3 .col:after { content:""; clear:both; display:block; }
.f_box4 .box3 .col div {
    float: left;
    width: 50%;
}
.f_box4 .box3 .col div p:first-child {
    width: 40%;
    padding-left: 50px;
    color: #fff;
    font-weight: 500;
}
.f_box4 .box3 .col div p:nth-child(2) {width:50%;}
.f_box4 .box3 .col div p {
    float: left;
    line-height: 22px;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    margin: 20px 0;
}



/*

.f_box6{background:url(../img/bg3.jpg) top center no-repeat; background-size: cover; color:#000;}
.f_box6 .box2{}
.f_box6 .box2 img {display:unset; width:40%}
.f_box6 .box2 ul{display: grid;
    grid-template-columns: 1fr 1fr 1fr; gap:50px;}
.f_box6 .box2 li{}
.f_box6 .box2 .text1{  font-size: 30px; font-weight: 700; padding-bottom: 20px;}
.f_box6 .box2 .text1 span{display:block;font-size: 44px;}
.f_box6 .box2 .text2{  font-size: 15px; font-weight: 300;}



.f_box4{background:url(../img/bg4.jpg) top center no-repeat; background-size: cover; color:#fff;} 
.f_box6{  background-size: cover; color:#000;} */

.f_box6 {
    background:url(../img/bg3.jpg) top center no-repeat;
    /*background-color: #e0d643;  연한 회색 */
    background-size: cover;
    color: #000;
}


.f_box6 .box2{max-width: 1200px; margin: auto;}
.f_box6 .box2 .text1{font-size: 44px; font-weight: 700;}
.f_box6 .box2 .text2{font-size: 15px; font-weight: 300;}
.f_box6 .box2 .arrow_btn{position: fixed; top: 55px; right: 0;width: 200px;    z-index: 9;}
.f_box6 .box2 .arrow_btn .in{position: relative;}
.f_box6 .box2 .swiper-slide{    justify-content: normal;}
.f_box6 .box3{    margin-bottom: 0px; margin-top: 100px; border-bottom:1px solid #000;}
.f_box6 .box3 .col {
    width: 100%;
    border-top: 1px solid #000;
}
.f_box6 .box3 .col:after { content:""; clear:both; display:block; }
.f_box6 .box3 .col div {
    float: left;
    width: 50%;
}
.f_box6 .box3 .col div p:first-child {
    width: 40%;
    padding-left: 50px;
    color: #000;
    font-weight: 500;
}
.f_box6 .box3 .col div p:nth-child(2) {width:50%;}
.f_box6 .box3 .col div p {
    float: left;
    line-height: 22px;
    color: #000;
    font-size: 16px;
    font-weight: 300;
    margin: 20px 0;
}


















.slide_footer{    display: block !important; background: #fff;    padding: 20px 0;}
.slide_footer .in{max-width: 1200px; margin: auto; display: flex;    justify-content: space-between;}
.slide_footer .in .info{text-align: left;}
.slide_footer h2{font-size: 18px;}
.slide_footer h3{font-size:14px; line-height: 24px;}
.slide_footer .in #familySelect{    border: 1px solid #aaa;
    font-size: 14px;
    padding: 10px;
    cursor: pointer;}



/*footer*/

.slide_footer .fgnb {border-bottom:1px solid #e1e1e1;overflow:hidden;}
.slide_footer .fgnb ul {width:1000px;padding:15px 0;margin:0 auto;position:relative;}
.slide_footer .fgnb li {float:left;}
.slide_footer .fgnb li:before {width:1px;height:11px;margin:2px 17px 0;background-color:#ddd;display:inline-block;float:left;content:'';}
.slide_footer .fgnb li:first-child:before,
.slide_footer .fgnb li.sns_wrap:before {display:none;}
.slide_footer .fgnb li a {font-size:12px;color:#222;text-decoration:none !important;}
.slide_footer .fgnb li a:hover {color:#888;}
.slide_footer .fgnb .sns_wrap {height:28px;margin-top:-14px;position:absolute;top:50%;right:0;float:none;}
.slide_footer .fgnb .sns_wrap a {width:16px;height:16px;padding:6px;margin-left:2px;border-radius:50%;background-color:#ccc;text-align:center;display:inline-block;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.slide_footer .fgnb .sns_wrap a img {width:100%;height:auto;}
.slide_footer .fgnb .sns_wrap a.sns_fa:hover {background-color:#46639d;}
.slide_footer .fgnb .sns_wrap a.sns_tw:hover {background-color:#1da1f4;}
.slide_footer .fgnb .sns_wrap a.sns_in:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbc066+0,ea554e+33,be3289+67,5b6bb6+100 */
	background: #fbc066; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #fbc066 0%, #ea554e 33%, #be3289 67%, #5b6bb6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #fbc066 0%,#ea554e 33%,#be3289 67%,#5b6bb6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #fbc066 0%,#ea554e 33%,#be3289 67%,#5b6bb6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbc066', endColorstr='#5b6bb6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.slide_footer .fgnb .sns_wrap a.sns_pi:hover {background-color:#cb2028;}
.slide_footer .fgnb .sns_wrap a.sns_bl:hover {background-color:#00c23a;}
.slide_footer .fgnb .sns_wrap a.sns_ba:hover {background-color:#00c23a;}
.slide_footer .fgnb .sns_wrap a.sns_kt:hover {background-color:#fff311;}
.slide_footer .fgnb .sns_wrap a.sns_ks:hover {background-color:#fff311;}

.btn_lsmall {
	background:#333;
	padding:5px;
	border:1px solid #333;
	color:#fff !important;
}

.footer_area .fgnb {width:1000px;padding:30px 0;margin:0 auto;display:table;}
.footer_area .fgnb dl,
.footer_area .fgnb ul {width:34%;display:table-cell;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.footer_area .fgnb .tit {font-size:16px;font-weight:600;color:#000;margin-bottom:15px;position:relative;}
.footer_area .fgnb .tit .stxt {font-size:11px;font-weight:normal;color:#aaa;display:inline-block;vertical-align:middle;}
.footer_area .fgnb .tit .stxt:before {width:1px;height:11px;margin:0 12px 1px 10px;background-color:#aaa;display:inline-block;vertical-align:middle;content:'';}
.footer_area .fgnb .cswrap {width:32%;padding:0 30px 0 0;border-right:1px solid #e1e1e1;}
.footer_area .fgnb .cswrap .tel {font-size:35px;font-weight:800;line-height:1em;color:#222;margin:0 0 15px 0;}
.footer_area .fgnb .cswrap dd {margin-top:4px;}
.footer_area .fgnb .bkwrap {padding:0 30px;border-right:1px solid #e1e1e1;position:relative;}
.footer_area .fgnb .bkwrap .bknum {font-size:20px;font-weight:800;line-height:1em;margin:0 0 7px 0;}
.footer_area .fgnb .bkwrap .etc_btn a {width:130px;}
.footer_area .fgnb .bkwrap dd {font-size:13px;margin-top:5px;}
.footer_area .fgnb .bkwrap .etc_btn {position:absolute;bottom:0;left:30px;right:30px;}
.footer_area .fgnb .notice {padding:0 0 0 30px;padding-right:0 !important;}
.footer_area .fgnb .notice dd {height:16px;font-size:12px;padding:0 80px 0 0;margin-bottom:7px;position:relative;}
.footer_area .fgnb .notice dd:last-child {margin-bottom:0 !important;}
.footer_area .fgnb .notice dd a {max-width:260px;height:16px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.footer_area .fgnb .notice dd .day {color:#bbb;position:absolute;top:0;right:0;}
.footer_area .fgnb .notice .bt_more {font-size:11px;font-weight:normal;color:#999;position:absolute;bottom:1px;right:0;}
.footer_area .fgnb .notice .bt_more i {margin-left:3px;}

.footer_area .company {padding:10px 0;background-color:#f8f8f8;border-top:1px solid #eee;overflow:hidden;}
.footer_area .company ul {width:1000px;margin:0 auto;}
.footer_area .company li {width:300px;font-size:11px;line-height:1.5em;letter-spacing:0;float:right;}
.footer_area .company li:first-child {width:690px;font-size:12px;padding:0;line-height:1.6em;border:0;float:left;}
.footer_area .company li h3 {color:#222;margin-bottom:12px;}
.footer_area .company .cptxt {font-size:11px;color:#aaa;}
.footer_area .company .etctxt {margin-top:7px;font-size:11px;letter-spacing:-0.3px;color:#aaa;}

.footer_area .fgnb {width:1000px;padding:30px 0;margin:0 auto;display:table;}
.footer_area .fgnb dl,
.footer_area .fgnb ul {width:34%;display:table-cell;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.footer_area .fgnb .tit {font-size:16px;font-weight:600;color:#000;margin-bottom:15px;position:relative;}
.footer_area .fgnb .tit .stxt {font-size:11px;font-weight:normal;color:#aaa;display:inline-block;vertical-align:middle;}
.footer_area .fgnb .tit .stxt:before {width:1px;height:11px;margin:0 12px 1px 10px;background-color:#aaa;display:inline-block;vertical-align:middle;content:'';}
.footer_area .fgnb .cswrap {width:32%;padding:0 30px 0 0;border-right:1px solid #e1e1e1;}
.footer_area .fgnb .cswrap .tel {font-size:35px;font-weight:800;line-height:1em;color:#222;margin:0 0 15px 0;}
.footer_area .fgnb .cswrap dd {margin-top:4px;}
.footer_area .fgnb .bkwrap {padding:0 30px;border-right:1px solid #e1e1e1;position:relative;}
.footer_area .fgnb .bkwrap .bknum {font-size:20px;font-weight:800;line-height:1em;margin:0 0 7px 0;}
.footer_area .fgnb .bkwrap .etc_btn a {width:130px;}
.footer_area .fgnb .bkwrap dd {font-size:13px;margin-top:5px;}
.footer_area .fgnb .bkwrap .etc_btn {position:absolute;bottom:0;left:30px;right:30px;}
.footer_area .fgnb .notice {padding:0 0 0 30px;padding-right:0 !important;}
.footer_area .fgnb .notice dd {height:16px;font-size:12px;padding:0 80px 0 0;margin-bottom:7px;position:relative;}
.footer_area .fgnb .notice dd:last-child {margin-bottom:0 !important;}
.footer_area .fgnb .notice dd a {max-width:260px;height:16px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.footer_area .fgnb .notice dd .day {color:#bbb;position:absolute;top:0;right:0;}
.footer_area .fgnb .notice .bt_more {font-size:11px;font-weight:normal;color:#999;position:absolute;bottom:1px;right:0;}
.footer_area .fgnb .notice .bt_more i {margin-left:3px;}

.footer_area .company {padding:10px 0;background-color:#f8f8f8;border-top:1px solid #eee;overflow:hidden;}
.footer_area .company ul {width:1000px;margin:0 auto;}
.footer_area .company li {width:300px;font-size:11px;line-height:1.5em;letter-spacing:0;float:right;}
.footer_area .company li:first-child {width:690px;font-size:12px;padding:0;line-height:1.6em;border:0;float:left;}
.footer_area .company li h3 {color:#222;margin-bottom:12px;}
.footer_area .company .cptxt {font-size:11px;color:#aaa;}
.footer_area .company .etctxt {margin-top:7px;font-size:11px;letter-spacing:-0.3px;color:#aaa;}
.g_hl {width:1px;height:10px;background-color:#ddd;margin:0 10px;vertical-align:middle;display:inline-block;}

.fp-watermark{display:none;}

.footer_area .info .tel {margin:0 0 0 0;color:#000;font-size:35px;font-weight:800;line-height:1em}

.authmark_container {margin-top: 10px;}
.authmark_container ul {display: flex;}
.authmark_container li {margin:0 10px 10px 0;}
.authmark_container .authmarkbtn a {
    padding:3px;font-size:11px;border:1px solid #ccc;
}

.btn_ssmall {padding:3px; font-size:11px;}
.grey2 {border:1px solid #e0e0e0;}
.marl5 {margin-left:5px}
.etctxt {word-break: keep-all;}
.footerinfo {margin: 0; padding:10px; word-break: keep-all;}

#fp-nav ul li a span, .fp-slidesNav ul li a span{background:#fff;}

@media all and (max-width:1024px) {
    .display_tablet_only {display:block !important;}
	.display_pc_only {display:none !important;}
    
    #header{padding:20px 10px; background-color: #fff; border-bottom: 1px solid #e0e0e0;}
    #header .logo img {max-height: 60px;}
    #header .menu li{font-size: 13px; padding:0 0 0 5px;}
    
    .f_box .p_title {
    font-size: 28px;
    text-align: center;
        padding-bottom: 30px;}
    
    .f_box1 .box1 .title1 {font-size: 28px; text-align: center;}
    .f_box1 .box1 .title2{font-size: 18px; line-height: 28px; text-align: center;}
    .f_box1 .box2 {text-align: center;}
    .f_box1 .box2 ul{    grid-template-columns: 1fr 1fr;}
    .f_box1 .box2 li {margin: 0 0 20px 0;}
    .f_box1 .box2 .text2 {font-size: 28px;}
    
    .f_box2 .box2 {width: 85%; margin: auto;}
    .f_box2 .box2 ul{ grid-template-columns: 1fr 1fr;gap: 20px;}
    .f_box2 .box2 .icon img {width: 45px;  margin: 0 0 10px 0;}
    .f_box2 .box2 .text1 {font-size: 16px;}
    .f_box2 .box2 .text1 span{font-size: 30px;}
    .f_box2 .box2 .text2 {font-size: 12px;}
    
    .f_box3 .box2 {width: 85%; margin: auto; text-align: center;}
    .f_box3 .box2 ul{display:block;}
    .f_box3 .box2 .text1 {font-size: 22px; padding-bottom:10px;}
    .f_box3 .box2 .text2 {font-size: 14px; margin:0 0 20px 0;}
    
    .f_box4 .box2 {width: 85%; margin: auto;}
    .f_box4 .box2 .arrow_btn {
    position: fixed;
    top: 103px;
    right: -13px;
        width: 170px;}
    .f_box4 .box3 {width: 85%; margin: 50px auto 0;}
    .f_box4 .box3 .col div {    display: block;
    float: initial;
    width: 100%;
    border-bottom: 1px solid #fff;}
    .f_box4 .box3 .col div p{font-size: 14px;margin: 10px 0;float: initial;
    line-height: initial;
    display: inline-block;}
    .f_box4 .box3 .col div p:first-child{padding-left: 13px;    width: 36%;}
    .swiper-button-prev2:after{width:35px; height:35px;}
    .swiper-button-next2:after{width:35px; height:35px;}
    
    .slide_footer h2{font-size: 16px;}
    .slide_footer h3{font-size:12px; line-height: 22px;margin: 0;}
    .slide_footer .in{display: block;}
    .slide_footer .in .info{text-align: center; margin: 0 0 20px 0}
    
    .slide_footer .in .info .momargin {margin-top:100px;}
    .mobile-menu {
        position: relative;
        top: 0;
        right: 0;
        padding: 0px;
        z-index: 9999;
    }
    
    .menu-icon {
        cursor: pointer;
        position: relative;
        width: 30px;
        height: 30px;
    }
    
    .bar {
        width: 100%;
        height: 2px;
        background-color: #000;
        transition: 0.3s;
    }
    
    .bar:before, .bar:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 2px;
        background-color: #000;
        transition: 0.3s;
    }
    
    .bar:before {
        top: 10px;
    }
    
    .bar:after {
        bottom: 8px;
    }
    
    .mo_menu {
        position: fixed;
        top: 0;
        left: -250px;
        width: 250px;
        height: 100%;
        background-color: rgba(255,255,255,1);
        transition: left 0.3s;
        padding-top: 10px;
    }
        
        .mo_menu img{max-height: 40px;}
    
    .mo_menu a {
        display: block;
        padding: 15px 20px;
        text-decoration: none;
        color: #fff;
    }
    
    .mo_menu a:hover {
        /*background-color: #444;*/
    }
    
    .menu-icon.active .bar:before {
        transform: rotate(45deg) translate(7px, 7px); /* 위쪽 바의 회전 및 이동 수정 */
        top:2px;
        left:-2px;
    }
    
    .menu-icon.active .bar:after {
        transform: rotate(-45deg) translate(3px, -5px); /* 아래쪽 바의 회전 및 이동 수정 */
                bottom: 10px;
            right: 0px;
    }
    
    .menu-icon.active .bar {
        background-color: transparent;
    }
    .authmark_container ul {justify-content: center; flex-wrap: wrap;}
  
    
}

@media all and (max-width:768px) {
    
    #header .logo{padding:0 0 0 0px;}
    
    
    #header .menu{}
    #header .menu li{display:inline-block; font-size: 20px; padding:0 0 0 20px;}
    #header .menu li img{max-width: 80%;}
    #header .menu a{color:#fff;}

    .footer_area .family {margin-bottom:30px;}/* 50px; */

    .f_box2 .box2 img {width:100%}
    .f_box3 .box2 img {width:100%}

    .cptxt {margin-bottom: 100px;}



}





@media (max-width: 768px) {
    .family {
        align-items: center !important; /* 모바일에서는 중앙으로 */
    }
    .family div {
        text-align: center !important;
        justify-content: center !important;
    }
}














<style>
/* [레이어 팝업 스타일 시작] */
.main_popup_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* 배경 어둡게 */
    z-index: 9999; /* 최상단 배치 */
    display: flex;
    justify-content: center;
    align-items: center;
}

.main_popup_content {
    width: 200px; /* 요청하신 가로 크기 */
    height: 400px; /* 요청하신 세로 크기 */
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}

.popup_body {
    flex: 1;
    overflow-y: auto;
    text-align: center;
}

.popup_footer {
    height: 40px;
    background: #333;
    text-align: center;
}

.popup_footer button {
    width: 100%;
    height: 100%;
    color: #fff;
    border: none;
    background: none;
    cursor: pointer;
    font-size: 14px;
}
/* [레이어 팝업 스타일 끝] */
</style>