.frame_wrap{width: 100%;margin:0px auto;color:#00244a!important;position: relative;}
.frame_wrap .white_bg{background-color:#091b2d;}
.frame_wrap .numbering{padding:0;}
.frame_wrap .sec_common{width: 100%;padding: 120px;}
.frame_wrap .sec_common .all_box_wrap{width: 1024px; display:flex;grid-gap:32px; margin:0px auto;}

.frame_wrap .center_common{width:100%; display:flex;justify-content:center }
.frame_wrap .section_1 .main_box{width:100%; font-family:'Pretendard-Light' !important;font-size:24px; text-align:center; margin-top:120px; height:400px;position:relative}

.frame_wrap .section_1 .main_box .one{    position: absolute;right: 0;top: -90px; animation: img_ani 1.5s infinite alternate;}
.frame_wrap .section_1 .main_box .two{    position: absolute;left: 50px;bottom: 0px; animation: img_ani 1.5s infinite alternate;}
 @keyframes img_ani {
  0% {
   	transform: translateY(0);
  }

 100% {
     transform: translateY(-10px);
  }
}


.frame_wrap .section_1 #left_num{width:100%; font-family:'Pretendard-Light' !important;font-size:24px;}
.frame_wrap .section_1 .main_box .main_tt{font-family:'Pretendard-Bold' !important;font-size:60px; animation: fadein 2s alternate;line-height: 80px;}
.frame_wrap .section_1 .main_box .top_hash{font-family:'Pretendard-SemiBold' !important;font-size:16px;margin-bottom:20px;}
.frame_wrap .section_1 .main_box .hash2{margin-bottom:30px;}
.frame_wrap .section_1 .main_box .sub_tt{font-family:'Pretendard-Bold' !important;font-size:60px; color:#3050a5;margin-bottom:30px;  animation: fadein 2.5s alternate;}
.frame_wrap .section_1 .main_box a{padding:15px 45px; border:1px solid #3050a5; color:#3050a5; font-family:'Pretendard-SemiBold' !important; border-radius:25px; font-size:18px;display:inline-block; transition:all 0.3s; animation: fadein 3s alternate;}
.frame_wrap .section_1 .main_box a:hover{ background-color:#3050a5;color:#fff;}
.frame_wrap .section_1 .main_box .sub_wo{font-size:16px;margin-top:10px; }
 @keyframes fadein {
  0% {
    margin-top: 60px;
    opacity:0;
  }

 100% {
    margin-top: 0px;
    opacity:1;
  }
}

.frame_wrap .sec_common .right_box{width:50%; display:flex; font-family:'Pretendard-Light' !important;font-size:24px; flex-wrap:wrap;}
.frame_wrap .sec_common .shadow_box{box-shadow:2px 4px 12px rgba(0,0,0,.08);padding:40px; width:32%; border-radius:20px; margin-bottom:40px; background-color:#fff;}
.frame_wrap .sec_common  .shadow_box .box_num{font-size:30px; font-family:'Pretendard-SemiBold' !important; margin-bottom:25px;}
.frame_wrap .sec_common  .shadow_box .box_title{font-size:33px; font-family:'Pretendard-Bold' !important; margin-bottom:35px;}
.frame_wrap .sec_common  .shadow_box .box_title span{color:#3050a5;font-family:'Pretendard-Bold' !important;font-size:35px;}
.frame_wrap .sec_common  .shadow_box .box_sub{font-size:16px; font-family:'Pretendard-Regular' !important;color:#2f4576; line-height:24px;}
.frame_wrap .sec_common  .shadow_box .box_sub span{font-size:16px; font-family:'Pretendard-Regular' !important;color:#1a1a1a;}
.frame_wrap .sec_common .right_box .number {width:100%;}
.frame_wrap .sec_common .right_box .number .right_box_tit{font-size:20px; font-family:'Pretendard-Semibold' !important;color:#3050a5;}
.frame_wrap .sec_common .wrap_box{flex-wrap:wrap;}
.frame_wrap .sec_common .wrap_box .wrap_left{width:100%;}
.frame_wrap .sec_common .wrap_box .wrap_left .m_title{color:#fff;}
.frame_wrap .sec_common .wrap_box .wrap_left .s_title{color:#b7bbc4; margin-bottom:40px;}
.frame_wrap .sec_common .wrap_box .wrap_right{width:100%;display:flex; grid-gap:10px;}

.frame_wrap .sec_common .right_box .number > ul li{display:flex; width:100%}
.frame_wrap .sec_common .right_box .number > ul li .main_tt{font-family:'Pretendard-Bold' !important;font-size:25px; width:10%}
.frame_wrap .sec_common .right_box .number > ul li .sub_tt{font-family:'Pretendard-Regular' !important;font-size:25px; width:90%}

.frame_wrap .sec_common .eng_tit{font-size:30px; font-family:'Pretendard-Bold' !important;margin-bottom:20px;}
.frame_wrap .sec_common .m_title{font-size: 42px;font-family:'Pretendard-Bold' !important;margin-bottom:40px;line-height: 50px;}
.frame_wrap .sec_common .s_title{font-size: 20px;font-family:'Pretendard-Regular' !important;color:#2f4576;line-height:30px;margin-bottom:40px;}
.frame_wrap .sec_common .sub_word{font-size: 40px;font-family:'Pretendard-Light' !important;line-height:50px; margin-bottom:20px;}
.frame_wrap .sec_common .sub_word span{font-size: 40px;font-family:'Pretendard-SemiBold' !important;color:#3050a5;line-height:50px;margin-bottom:80px;}

.frame_wrap .center_common .center_box{text-align:center; width:1024px;padding:100px 0}
.frame_wrap .center_common .eng_tit{font-size: 20px;font-family:'Pretendard-Bold' !important;margin-bottom:30px;background: #3050a5;color:#fff;display: inline-block;padding: 10px 30px;border-radius: 30px;}
.frame_wrap .center_common .qna_tit{font-size: 42px;font-family:'Pretendard-Bold' !important;margin-bottom:30px;}
.frame_wrap .center_common .m_title{font-size: 42px;font-family:'Pretendard-Bold' !important;margin-bottom:40px;line-height: 50px;}
.frame_wrap .center_common .sm_title{font-size: 36px;font-family:'Pretendard-Bold' !important;margin-bottom:20px;line-height:45px;}
.frame_wrap .center_common .q_title {font-size: 36px;font-family:'Pretendard-SemiBold' !important;margin-bottom:40px;}
.frame_wrap .center_common .q_title span{font-size: 40px;font-family:'Pretendard-SemiBold' !important;margin-bottom:40px;}
.frame_wrap .center_common .s_title{font-size:20px; font-family:'Pretendard-Regular' !important; color:#2f4576; line-height:30px; margin-bottom:60px;}

/* 20240409 change 내용 추가 */
.frame_wrap > .change_conts {padding: 0 0 100px 0; text-align: center;}
.frame_wrap > .change_conts > .txt {max-width: 130px; width: 100%; height: 40px; margin: 0 auto 64px; background-color: #3050a4; font-family:'Pretendard-Bold'; font-size: 20px; color: #ffffff; line-height: 40px; border-radius: 50px;}
.frame_wrap > .change_conts > .conts_box {max-width: 736px; width: 100%; margin: 0 auto; padding: 70px 0 65px 0; background-color: #f4f4f4; border-radius: 20px;}
.frame_wrap > .change_conts > .conts_box .txt_area {margin: 0 0 70px 0;}
.frame_wrap > .change_conts > .conts_box .txt_area .tit {margin: 0 0 25px 0; font-family:'Pretendard-Bold'; font-size: 36px; color: #333333; line-height: 53px;}
.frame_wrap > .change_conts > .conts_box .txt_area .tit .fc {display: block; font-family:'Pretendard-Bold'; color: #3050a4;}
.frame_wrap > .change_conts > .conts_box .txt_area .txt {font-family:'Pretendard-Regular'; font-size: 21px; color: #2f4576;}
.frame_wrap > .change_conts > .conts_box .img_box {width: 531px; margin: 0 auto 50px;}
.frame_wrap > .change_conts > .conts_box .img_box img {display: block; width: 100%; height: 100%;}
.frame_wrap > .change_conts > .conts_box .txt_box {width: 468px; margin: 0 auto 80px; background-color: #ffffff; padding: 28px 0 28px 0; font-family:'Pretendard-Bold'; font-size: 30px; line-height: 50px; color: #3050a4; border-radius: 12px;}
.frame_wrap > .change_conts > .conts_box .txt_box2 {margin: 0 0 70px 0; padding: 65px 0 0 0; font-family:'Pretendard-Bold'; font-size: 32px; line-height: 47px; color: #333333; background-image: url('../img/product/change_icon.png'); background-repeat: no-repeat; background-position: top center;}
.frame_wrap > .change_conts > .conts_box .txt_box2 .point {color: #000000; font-size: 15px; display: block; color: #d20000;}
.frame_wrap > .change_conts > .conts_box .txt_box2 .fc {font-family:'Pretendard-Bold'; color: #3050a4;}
.frame_wrap > .change_conts > .conts_box .img_box2 {padding: 300px 0 0 0; background-image: url('../img/product/change_img02.png'); background-repeat: no-repeat; background-position: top center;}
.frame_wrap > .change_conts > .conts_box .img_box2 .price {display: inline-block; position: relative; margin: 0 auto 20px; font-family:'Pretendard-Bold'; font-size: 21px; color: #000000; border-radius: 12px; }
.frame_wrap > .change_conts > .conts_box .img_box2 .txt{font-family:'Pretendard-Regular'; font-size: 18px; color: #333333; line-height: 25px;}

/*배너*/
.frame_wrap > .change_conts .banner_wrap{width: 100%; display: inline-block;}
.frame_wrap > .change_conts .banner_wrap img{width: 735px;  padding-top: 60px;}
.frame_wrap > .change_conts .banner_wrap .pc_img{display: block;}
.frame_wrap > .change_conts .banner_wrap .mo_img{display: none}
/* end */

.frame_wrap .center_common .center_box_wrap{display:flex;grid-gap:32px;width:100%; }
.frame_wrap .center_common .center_box_wrap .center_left{width:50%}
.frame_wrap .center_common .center_box_wrap .center_left img{width:100%;vertical-align:bottom;}
.frame_wrap .center_common .center_box_wrap .center_left .before_img{background-color:#1a1a1a;width:100%;height:300px;}
.frame_wrap .center_common .center_box_wrap .center_right .after_img{background-color:#1a1a1a;width:100%;height:300px;}
.frame_wrap .center_common .center_box_wrap .center_right{width:50%}
.frame_wrap .center_common .center_box_wrap .center_right img{width:100%;vertical-align:bottom;}
.frame_wrap .center_common .list_wrap_box { width:100%;}
.frame_wrap .center_common .list_wrap_box .frame_box{width:33%; display:inline-block;}
.frame_wrap .center_common .list_wrap_box .img_fr{width:300px;height:300px;border-radius:50%;margin:20px auto; overflow:hidden; cursor: pointer;}
.frame_wrap .center_common .list_wrap_box .img_fr img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  width: 100%; height: 100%;
}
.frame_wrap .center_common .list_wrap_box .img_fr:hover img{
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}
.frame_wrap .center_common .list_wrap_box p{color:#999; font-size:14px;font-family:'Pretendard-Regular' !important; }

.frame_wrap .sec_common .all_box_wrap .number_wrap{display:flex; grid-gap:12px;width:100%;flex-wrap:wrap;justify-content: space-between;}
.frame_wrap .sec_common .all_box_wrap .number_wrap .num_box{width:45%;margin-bottom:30px;}

.frame_wrap .sec_common .all_box_wrap .number_wrap .num_box .num_sub{font-family:'Pretendard-Bold' !important;display: inline-block;margin-bottom:10px;border-radius: 30px; font-size:16px; padding:10px 20px; background-color:#091b2d; color:#fff}
.frame_wrap .sec_common .all_box_wrap .number_wrap .num_box .num_title{font-family:'Pretendard-SemiBold' !important;  font-size:18px; margin-bottom:10px;}
.frame_wrap .sec_common .all_box_wrap .number_wrap .num_box .num_word{font-family:'Pretendard-Regular' !important; font-size:16px;color:#979daf;line-height:24px; }
.frame_wrap .sec_common .all_box_wrap .number_wrap .num_box  a{display:inline-block; padding:10px 0px; color:#1a1a1a!important;font-size:15px; margin:10px 0;font-family:'Pretendard-Regular' !important; border-bottom: 1px solid #606060;padding-bottom: 3px;}
.frame_wrap .sec_common .all_box_wrap .number_wrap .num_box .num_img{width:100px; height:100px; background-color:#f9f9f9; border-radius:15px; margin-bottom:10px; overflow:hidden}

.frame_wrap .center_common .qna_wrap{margin-top:60px; display:flex; flex-wrap:wrap}
.frame_wrap .center_common .list_wrap_box .qna_list{text-align:left; border-right:1px solid #ededed; padding:20px; width:50%}
.frame_wrap .center_common .list_wrap_box .qna_list:nth-child(even){ border-right:0px solid #ededed; padding:20px; width:50%}
.frame_wrap .center_common .list_wrap_box .qna_list .small_tit{background-color:#3050a5; font-size:16px;font-family:'Pretendard-SemiBold' !important;margin-right:10px;border-radius:50%;color:#fff;width:32px; height:32px;line-height:32px; text-align:center;}
.frame_wrap .center_common .list_wrap_box .qna_list .answer_tt{background-color:#6d7487; }
.frame_wrap .center_common .list_wrap_box .qna_list .main_tit{ font-size:20px}
.frame_wrap .center_common .list_wrap_box .qna_list .main_tit span{font-family:'Pretendard-SemiBold' !important;}
.frame_wrap .center_common .list_wrap_box .qna_list .answer_word{ font-size:16px; font-family:'Pretendard-Regular' !important; width:calc(100% - 32px);}
.frame_wrap .center_common .list_wrap_box .qna_list ul {background-color:#f9f9f9;border-radius:0 0 10px 10px;}
.frame_wrap .center_common .list_wrap_box .qna_list ul li.title_li{display:flex; align-items: center; box-shadow:2px 4px 12px rgba(0,0,0,.08); padding:15px; border-radius:10px; background-color:#fff;}
.frame_wrap .center_common .list_wrap_box .qna_list ul li.word_li{padding:15px;display:flex;align-items:center; line-height:25px;}
.frame_wrap .rela .all_box_wrap{position:relative;}

/* 퀵메뉴 */
.q_buy {display: none;position: fixed;bottom: 8%;right: 25px; z-index: 999999;}
.q_buy div {display: inline-block;text-align: center;width: 70px;height: 70px;line-height: 70px;background-color: #fff; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);border-radius: 50%;cursor: pointer;transition: 1s;position: relative;overflow: hidden;}
.q_buy div i {font-size: 30px;color: #3050a5;vertical-align: middle;}



.how{    background-color: rgba(0,0,0,0.7); width: 100%;height: 100%; position: fixed;top: 0;left: 0; z-index: 9; display:none;}
.how .pop_inner{position: fixed;top: 50%; left: 50%;background-color: #fff;text-align: center;width: 650px;height:550px;padding: 50px 0;color: #333;border-radius: 8px;box-shadow: 2px 4px 12px rgb(0 0 0 / 10%);transform: translate(-50%,-50%); overflow-x: hidden;}
.how .pop_inner .pop_title{font-family:'Pretendard-Bold' !important; font-size:20px; margin-bottom:10px;}
.how .pop_inner .pop_s_title{font-family:'Pretendard-Regular' !important; font-size:14px; margin-bottom:20px;}
.how .pop_inner .pop_img_inner{width:100%;display:flex;flex-wrap:wrap;height:90%;grid-gap:10px;    justify-content: center; margin-top: 60px;}
.how .pop_inner .pop_img_inner p{font-size:13px;font-family:'Pretendard-SemiBold' !important; }
.how .pop_inner .pop_img_inner .rep_box{width:48%; margin-bottom: 40px;}
.how .pop_inner .pop_img_inner img{width:70%;margin:10px auto;border:1px solid #ededed;vertical-align:bottom;}
.how .pop_inner i{padding:10px; color:#1a1a1a!important; position:absolute; right:10px; top:10px; font-size:20px;cursor:pointer}