body {width: 100%; overflow-x: auto;}
#wrapper {margin: auto;overflow: hidden;position: relative;}
img {max-width:100%}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}


/*메뉴시작*/

#gnb {position:absolute;left:8rem;;top:5rem;z-index: 9}


select::-ms-expand { /* for IE 11 */
    display: none;}

.on_img {display:none}
.img_dummy {height:100%;display:block;    background-position: center center !important;background-size:cover !important;}
/*.sm_li>div>ul>li>ul>li>a:hover,
.sm_li>div>ul>li>a:hover {color:#002f65 }*/

/*메뉴끝*/

/*메인비쥬얼*/
.mainVisual {height:100vh;position:relative;overflow:hidden;}
.mainVisual .img_dummy img {width:100%;height:100%}
.mainVisual .ic {position: absolute;bottom:2rem;width:100%;text-align:center;}
/*메인비쥬얼 끝*/

/*메인컨텐츠*/
.nav_bar {background-color:#05195d;}
.nav_bar li {display:inline-block;padding:2.3rem 5rem;}
.nav_bar li span {cursor:pointer;display:inline-block; color:#fff;font-size:3.7rem;padding:.2rem 3rem;background-color:#05195d;border-radius:50rem;font-weight:600;} 
.nav_bar .on>span {background-color:#fff;color:#05195d}
#view_tab1 {padding:10rem 0 21rem;max-width:888px;margin:auto;}
#view_tab1 .txt1 {font-size:6.4rem;font-weight:800;color:#05195d;}
#view_tab1 .tb1 {}
#view_tab1 .tb1>li {display:table;padding:1.5rem 0 2rem;width:100%;border-bottom:1px solid #05195d}
#view_tab1 .tb1>li>p {font-weight:700;width:200px;text-align:center;font-size:3rem;color:#05195d;display:table-cell;vertical-align: top}
#view_tab1 .tb1>li>div {padding-left:1rem;display:table-cell;vertical-align: top}
#view_tab1 .st1 {font-size:3rem;font-weight:500;color:#000000;}
#view_tab1 .st1 .b {font-size:3rem;color:#05195d;}
#view_tab1 .tb1 .st2 {font-size:2.5rem;color:#000;font-weight:500;}
#view_tab1 .tb1 .st2 span {font-size:2rem;}
#view_tab1 .tb1 .st3 {font-size:2.5rem;color:#000;background-color:#e4e5ef;display:inline-block;border-radius:50rem;padding:0 2rem;}
#view_tab.is-fixed {width:100%;position: fixed;top:0;left:0;z-index: 9}
#view_tab2>div {}
#main_con2 {border-top:1px dashed #ddd;background-color:#e4e5ef}
#main_con2>div {max-width:1650px;margin:auto;padding:10rem 0 15rem;}
#view_tab2 .txt1 {font-size:6.4rem;font-weight:800;color:#05195d;}
#view_tab2 .bx1 { align-items: center; display: flex;  flex-wrap: nowrap;}
#view_tab2 .bx1>li { box-sizing: border-box;width:20%;display:inline-block;vertical-align:middle;padding:0 1rem;}
#view_tab2 .bx1>li>div {min-height:45rem;box-shadow:1px 3px 20px 1px rgba(0,0,0,0.1);padding:3rem 0;background-color:#fff;border-radius:50px;}
#view_tab2 .bx1>li .txt1  {color:#05195d;font-size:3.3rem;font-weight:600;}
#view_tab2 .bx1>li .txt2  {font-size:2.5rem;font-weight:800;}
#view_tab2 .bx1>li.on .txt1,
#view_tab2 .bx1>li.on .txt2  {color:#fff;}
#view_tab2 .bx1>li.on>div  {background-color:#05195d;padding:5rem 0;}
#view_tab2 .bx1>li .txt3 {background-color:#000;display:inline-block;width:50px;height:1px;margin:2rem  0 1rem}
#view_tab2 .bx1>li .txt4 {color:#05195d;font-size:2.5rem;}
#view_tab2 .bx1>li .txt5 {color:#05195d;font-size:2.5rem;font-weight:600;}


.popara{display:none;position:fixed;z-index:234;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);}
.popcon{display:flex;align-items:center;justify-content:center;position:relative;position:absolute;left:0;top:0;width:100%;height:100%;}
.divboxab{content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;}
.poptext{background:#fff;border-radius:25px;padding:25px;position:relative;z-index:2;width:calc(100% - 40px);max-width:720px;}
.poptext > div{display:none;}
.popout{position:absolute;right:-20px;top:-20px;}
.poptext p.tit{font-size:2.2rem;font-weight:bold;}
.poptext p.txt{font-size:1.7rem;font-weight:400;margin-top:1.2rem;line-height:1.5;}





#main_con3 {margin-top:18rem;margin-bottom:16rem;}
.prize_list {
  list-style: none;
  padding: 0;
  margin:auto;
  max-width: 1100px;
}

.prize_list li {
  display: flex;
  margin-bottom: 5px; 
  font-weight: bold;
  border-radius: 15px;
  background-color:#f7f7fc;
}

.prize_name {
  flex: 0 0 35%;
  background: linear-gradient(to right, #d5d8ed, #edf1f7);
  color: #05195d; 
  padding: 20px 20px;
  border-radius: 15px;
  text-align: center;
  box-shadow: 2px 2px 10px rgba(0,0,0,0.05);
  margin-right: 15px; 
  font-size:3.3rem;
  font-weight:800;
}

.prize_money {
  flex: 1;
  background: #fff;
  color: #000;
  padding: 20px 20px;
  border-radius: 15px;
  text-align: center;
  font-size:3.3rem;
  box-shadow: 3px 1px 10px 1px rgba(0,0,0,0.1);
  font-weight:700;

}
#main_con3 .st2 {color:#000000;font-size:2.7rem;}
#view_tab2 .st3{font-size:3.3rem;margin-bottom:19rem;}

#view_tab3 {padding:10rem 0;background-color:#e4e5ef}
#view_tab3 .txt1 {font-size:6.4rem;font-weight:800;color:#05195d;}
#view_tab3 .txt2 {font-size:4rem;font-weight:600;}

#view_tab3 .bx1 {padding-bottom:6rem;max-width:1660px;margin:auto;background-color:#ededf4;border-radius:50px;box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.1)}
#view_tab3 .bx1>p {padding:1rem 0;font-weight:600;color:#05195d;font-size:4.1rem;background-color:#fff;border-radius:50px 50px 0 0;}
.box_on {padding:7rem 12rem;background-color:#fff;border-radius:50px;margin:2rem;display:none;}
.box_on .st1 {font-size:3.6rem;font-weight:600;}
.box_on .st2 {font-size:3.0rem;}

.agree_container {
  display: flex;
   align-items: center;    
  justify-content: center; 
  gap: 10px;          
  padding: 10px;
  font-size:3.3rem;
}

.agree_label {
  display: flex;
  cursor: pointer;
}

/* 기본 체크박스 숨기기 */
.agree_label input {
  display: none;
}

.custom_check {
  width: 40px;
  height: 40px;
  border: 1.5px solid #000;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  margin-right: 8px;
}


.agree_label input:checked + .custom_check::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 25px;
  height: 25px;
  background-color: #000;
  border-radius: 50%;
}

.agree_text {
  font-weight: bold;
  font-size: 3.3rem;;
  line-height:1;
  color: #000;
}


.view_btn {
  background-color: #05195d;
  color: #fff !important;;
  text-decoration: none;
  font-size: 3rem;
  line-height:1.1;
  padding: 2px 15px;
  border-radius: 50rem; 
  font-weight: bold;
  margin-left:2rem;
}
.view_btn.active {background-color:#979797;}

.box_in2 {
  
  text-align: left;
}

.title {
  font-size: 2.9rem;
  color: #000;
}

.list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.list li {
  position: relative;
  padding-left:55px; 
  margin-bottom: 4px;
  font-size: 2.9rem;
}

.list li::before {
  content: "-";
  position: absolute;
  left: 32px;
}

.sub_desc {
  padding-left: 55px;
  font-size:  2.9rem;
  color: #333;
  margin-top: 5px;
}

.radio_group {
  display: flex;
  gap: 40px;           /* 버튼 사이 간격 */
  justify-content: center; /* 중앙 정렬 */
  padding: 10px 0;
}

.radio_label {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
}

/* 기본 라디오 버튼 숨기기 */
.radio_label input {
  display: none;
}

/* 커스텀 라디오 외곽 원 */
.custom_radio {
  width: 40px;
  height: 40px;
  border: 1.2px solid #000; /* 검은색 테두리 */
  border-radius: 50%;
  display: inline-block;
  position: relative;
  margin-right: 8px;
  background-color: #fff;
}

/* 선택되었을 때 안쪽 검은색 점 */
.radio_label input:checked + .custom_radio::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 25px;    /* 안쪽 점 크기 */
  height: 25px;
  background-color: #000;
  border-radius: 50%;
}

.radio_text {
    font-size:3rem;
  color: #000;
}


/* 기본 레이아웃 */
.form_box { max-width: 1030px; margin: 0 auto;  }
.main_title { text-align: center; font-size: 4.1rem; margin-bottom: 4rem; font-weight: bold; }
.form_row { display: flex; align-items: center; margin-bottom: 3rem; }
.form_row.al_top { align-items: flex-start; }
.label { width: 210px; font-weight: bold; font-size: 3.3rem;text-align:left; color: #000; }
.content {font-size: 3.3rem; flex: 1; display: flex; align-items: center; gap: 10px; }
.divider { border: 0; border-top: 1px solid #000; margin: 40px 0; }

/* 입력창 & 텍스트에리어 */
input[type="text"], textarea { 
  width: 50%; padding: 12px 15px; border: 1px solid #fff; border-radius: 5px; 
  background: #fff; font-size: 3rem; box-sizing: border-box;
}
textarea { height: 480px; resize: none;width:100% }
.input_full { width: 100%; }

/* 커스텀 라디오 버튼 */
.radio_item { display: inline-flex; align-items: center; cursor: pointer; font-size:3.3rem;margin-right: 25px;}
.radio_item input { display: none; }
.radio_mark { width: 40px; height: 40px; border: 1.5px solid #000; border-radius: 50%; position: relative; margin-right: 8px; background: #fff; }
.radio_item input:checked + .radio_mark::after {
  content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
  width: 25px; height: 25px; background: #000; border-radius: 50%;
}

/* 커스텀 셀렉트 박스 */
.select_box2 { position: relative; background: #fff; border-radius: 5px; }
.select_box2 select {
  width: 100%; height:60px;padding: 0 35px 0 15px; border: 1px solid #fff; border-radius: 5px;
  appearance: none; -webkit-appearance: none; cursor: pointer; font-size: 3rem;


}
.select_box2::after {
  content: '▼'; position: absolute; right: 15px; top: 50%; transform: translateY(-50%);
  font-size: 2rem; color: #000; pointer-events: none;
}
.w140 { width: 30%; }
.w200 { width: 35%; }
.flex1 { flex: 1; }
.inner_label {font-size:3.3rem; margin: 0 10px; }

.email_row input { width:45%; }
.at { font-weight: bold; }
.file_area { display: flex; justify-content: flex-end; align-items: center; gap: 20px; margin-top: 20px; }
.file_info { font-size: 2rem; color: #666; text-align: right; line-height: 1.4; }
.btn_file {font-size:3.3rem; background: #081a5e; color: #fff; padding: 10px 35px; border-radius: 10px; font-weight: bold; cursor: pointer; }
/* 배경 어둡게 */
.modal_overlay {
    display: none; /* 기본은 숨김 */
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.7); /* 반투명 검정 */
    z-index: 9999;
    align-items: center;
    justify-content: center;
}
#openModal {display:inline-block; box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.1);padding:1rem 8rem;background-color:#fff;border-radius:50rem;color:#05195d;font-size:4rem;font-weight:600;}
/* 모달 박스 */
.modal_content {
    border-radius:20px;
    overflow:hidden;
    background: rgba(255,255,255,.9);
    font-weight: 600;
    position: relative;
    width: 100%;
    max-width: 940px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}
.modal_content .st1 {
    color:#fff;
    font-size:4rem;
    font-weight:600;
    background-color:#05195d;
    padding:2rem 0
}
.modal_content .st2 {
    font-size:3.3rem;
    padding:4rem 0
}
.modal_content .st2 p {font-size:4.1rem;}


/* 하단 확인 버튼 */
.confirm_btn {
    border-radius:50rem;
   
    background: #05195d;
    color: #fff;
    border: none;
     font-size:3.3rem;
    padding: 5px 40px;
   
    cursor: pointer;
    font-weight: 600;
}
#view_tab4{
    padding:18rem 0;
}
#view_tab4 .st1 {
    color:#05195d;
    font-size:6.4rem;
    font-weight:800;
    line-height:1.3;
}
#view_tab4 .st2 {
    color:#05195d;
    font-size:4rem;
    font-weight:600;
  
}
#view_tab4 .st3 {
   max-width:1650px;
   margin:auto;
   background-color:#f1f2f7;
   border-radius:40px;
   padding:3rem 13rem;
   font-size:3.3rem;
   font-weight:500;
   
}
select{
 
appearance: none; 
-webkit-appearance: none; 
-moz-appearance: none;

background-color: #fff; 
color:#000;
-webkit-tap-highlight-color: transparent; 
outline: none;
}
#view_tab4 .bx1 {padding:0 0 5rem;max-width:1660px;margin:auto;margin-top:15rem;;background-color:#ededf4;border-radius:50px;box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.1)}
#view_tab4 .bx1>p {padding:2rem 0;margin-bottom:5rem;font-weight:600;color:#fff;font-size:3.5rem;background-color:#05195d;border-radius:50px 50px 0 0;}
#view_tab4 .bx1>p>span {font-weight:normal;font-size:2.7rem;}
.mainVisual .main-slider {height:100%} 
.confirm_btn2 a{
    border-radius:50rem;
   
    background: #05195d;
    color: #fff;
    border: none;
     font-size:3.3rem;
    padding: 5px 40px;
   
    cursor: pointer;
    font-weight: 600;
}
#view_tab5 {background-color:#e4e5ef;padding:12rem 20rem;}
#view_tab5 p {font-size:6.4rem;color:#05195d;font-weight:800;margin-bottom:6rem;}
#view_tab5 div {display:inline-block;font-size:2.5rem;line-height:1.8;font-weight:500;}

.foot_wp {padding:10rem 0}

.video {height:100%}
video {
                width:100% !important;
                  object-fit: cover;
                   min-width: 100%;
                 min-height: 100%;
                 height:100%;
                }







.arrow-icon {
 cursor:pointer;
 position:absolute;
 bottom:1rem;right:50%;margin-right:-260px;
  transition: transform 0.3s ease; 
}

.accordion-btn.active .arrow-icon {
  transform: rotate(180deg);
}

.accordion-content {
 
 display:none;           
  
}
#view_tab4 .box_on {margin:3rem 6rem}
.box_on .txt1 {font-size:3.6rem;font-weight:600;}
.box_on .txt2 {font-size:3.0rem;}
.mo_br {display:inline;}
.d_st {   
     position: relative;
    top: 6px;}
    
    #view_tab5 div span {display:block;padding-left:13px;text-indent:-13px;}
  
  
/*하단*/

#footer{background-color:#282728;padding:3rem 0;height:auto !important; }
#footer .footerArea{max-width:1180px;margin:auto;width: 100%; margin:0 auto;  position: relative;box-sizing:border-box;}
.fcont2 {position:relative;margin:auto}
.fcon_top2>ul>li {display:inline-block;}
.fcon_top2>ul>li a {font-weight:300;color:#fff;font-size:1.5rem;}
.fcon_top2>ul>li span {display:inline-block;margin:0 0.5rem;color:#454545;font-size:1.7rem;}
.fcont_bt {font-weight:100;color:#ccc;font-size:1.5rem;  padding-top:1.5rem; border-top:1px solid rgba(255,255,255,.3);margin-top:1.5rem;;}
.mo_family {position: absolute;right:7rem;top:1rem;}
.fcont_bt>p {font-size:1.8rem;color:#d44f37;}
/*familsite*/
.family_wrap {float: right;margin-top:-7px;}
.family_wrap .family_inner2{  font-family: 'Noto Sans KR';width:180px; height:33px;  position:relative;}
.family_wrap .family_inner2 .family button{width:100%;border:1px solid #454545;height:40px; text-align:center; background-color:#252525; font-size:1.5rem; color:#676767; outline:none;}
.family_list{  width:180px; position:absolute; right:0; bottom:33px;   line-height:33px; border-bottom:none; overflow:auto; display:none;background-color:#252525;}
.family_list a{display:block; color:#676767;text-align:left;font-size: 1.4rem;text-indent:10px;}
.shareBanner_pop {
    padding:1rem;
    display:none;
    position:absolute;
    right:-2.5rem;
    width:250px;
    text-align:right;
}
.mo_img2 {display:none}
.shareBanner_pop a{
    display:inline-block;
    padding:5px;
}
.s_btn {
    cursor:pointer
}
.shareBanner {
    position: absolute;
    right:6rem;
    top:9rem;
    z-index: 99;
}
.sideBanner {
    position: fixed;
    right:6rem;bottom:5rem;
    z-index: 99;
}


#main_sec1 {
    padding:16rem 0;
    color:#fff;
    background-color:#05195d
}
#main_sec1 .t_st1 {
    font-size:5rem;
    letter-spacing:-0.04em;
    border:2px solid #fff;
    display:inline-block;
    padding:5px 4rem;
    border-radius:25px;
}
#main_sec1 .t_st2 {
    font-size:10rem;
    line-height:1.2;
    letter-spacing:-0.04em;
   
}
#main_sec1 .t_st2 p{
    font-weight:800;
   
}


#main_sec1 .t_st3 {
    font-size:3.3rem;
    line-height:1.5;
    letter-spacing:-0.04em;
   
}

#main_sec1 .t_st4 {
    font-size:2.5rem;
    line-height:1.5;
    letter-spacing:-0.04em;
   
}
#main_sec1 .tb1 {max-width:980px;margin:auto;}
#main_sec1 .tb1>li {display:table;padding:1.5rem 0 2rem;width:100%;border-bottom:1px solid #fff}
#main_sec1 .tb1>li>p {font-weight:700;width:250px;text-align:center;font-size:3.3rem;display:table-cell;vertical-align: top}
#main_sec1 .tb1>li>div {padding-left:1rem;display:table-cell;font-size:3.3rem;vertical-align: top}
#main_sec1 .st1 {font-size:3rem;font-weight:500;}
#main_sec1 .st1 .b {font-size:3rem;color:#05195d;}
#main_sec1 .tb1 .st2 {font-size:2.5rem;color:#000;font-weight:500;}
#main_sec1 .tb1 .st2 span {font-size:2rem;}
#main_sec1 .tb1 .st3 {font-weight: 800}
#main_sec1 .tb1 .st3 span {color:#05195d;background-color:#d8def7;border-radius:50rem;padding:0px 20px;display:inline-block;}
#main_sec1 .tb1 .st4 span {display:inline-block;line-height:4rem;margin-left:1rem;font-size:2.5rem;}
#main_sec1 .t_st5 {font-size:4rem;}
#main_sec1 .tb2 {max-width:700px;margin:auto;}
#main_sec1 .tb2 .st1 {margin-bottom:10px;font-size:3.3rem;color:#05195d;font-weight:800;background-color:#fff;border-radius:20px;}
#main_sec1 .tb2 .st2 li {width:100%;display:table;margin-top:10px;}
#main_sec1 .tb2 .st2 li p {width:18%;display:table-cell;padding-right:5px;;margin-top:5px;}
#main_sec1 .tb2 .st2 li p>span{line-height:5rem;display:block;font-size:3.3rem;background-color:#37477d;color:#fff;border-radius:20px;}
#main_sec1 .tb2 .st2 li div {line-height:5rem;text-align:left;padding:0 2rem;font-size:3.3rem;;display:table-cell;;margin-top:5px;background-color:#37477d;color:#fff;border-radius:20px;}



.step_txt {color:#05195d;font-size:5rem;font-weight:800;display:inline-block;line-height:5rem;padding:0 3rem;border-radius:50rem;background-color:#d8def7;}

.mt150 {margin-top:15rem;}


.player_wp {max-width:1660px;margin:auto;}
.player_wp>div {float:left;width:25%;padding:0 2rem;}
.player_wp>div>div{padding:3rem;border-radius:30px;background-color:#fff;margin-top:9rem;}
.player_wp .st1 {color:#05195d;font-size:3.3rem;font-weight:800;margin-bottom:2rem;}
.player_btn {cursor:pointer;padding:1rem 3rem;color:#fff;font-size:2.8rem;background-color:#05195d;border-radius:10px;}
.player_btn:hover {background-color:#737373;}
.radio-group {display:inline-block;margin:0 3px;}
.radio-group input[type="radio"] {
  display: none;
}

.radio-group label {
  display: inline-block;
  padding: 1rem 3rem;
  font-size: 2.8rem;
  border-radius: 10px;
  cursor: pointer;
  text-align: center;
  user-select: none;
  transition: all 0.2s ease;
  
  background-color: #cacac5; 
  color: #FFFFFF;     
}

.radio-group input[type="radio"]:checked + label {
    font-weight:700;
  background-color: #A3B6F7; 
  color: #0A1B54;       
}



.player-container {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

/* 상단 프로그레스 바 */
.progress-container {
    position: relative;
    width: 100%;
    height: 5px;
    background-color: #e0e0e0;
    border-radius: 2px;
    cursor: pointer;
    margin-bottom: 15px;
}

.progress-bar {
    width: 0%; /* 처음에는 0%에서 시작 */
    height: 100%;
    background-color: #0b2265;
    border-radius: 2px;
    position: relative;
}

.progress-bar::after {
    content: '';
    position: absolute;
    right: -4px;
    top: -2px;
    width: 8px;
    height: 8px;
    background-color: #0b2265;
    border-radius: 50%;
}

/* 하단 컨트롤 영역 */
.controls-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.time {
    font-size: 2.5rem;
    font-weight: 500;
    color: #0b2265;
    min-width: 55px;
    text-align:left;
}

.time.end {
    text-align: right;
}

/* 버튼 컨테이너 공통 (크기 고정으로 버튼 변형 시 밀림 방지) */
.btn-wrapper {
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 재생 버튼 상태 (삼각형) */
.play-button {
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 23px solid #0b2265;
    cursor: pointer;
    background: none;
    padding: 0;
    border-right: none;
}

/* 일시정지 버튼 상태 (두 줄 바) */
.play-button.playing {
    width: 16px;
    height: 20px;
    border-top: none;
    border-bottom: none;
    border-left: 5px solid #0b2265;
    border-right: 5px solid #0b2265;
    background: transparent;
    box-sizing: border-box;
}

/* 실제 오디오 태그는 숨김 처리 */
audio {
    display: none;
}

.step_bx2 {max-width:1040px;margin:auto;}
.step_bx2 .fl {font-size:3.3rem;color:#fff;}
.step_bx2 .radio_text {color:#fff;}
.step_bx2 .custom_radio {border:1px solid #fff;background-color:#05195d}
.step_bx2 .radio_label input:checked + .custom_radio::after {background-color:#fff;}
.textarea_bx {color:#000;font-size:2rem;}
.textarea_bx_w{overflow:hidden;overflow-y:scroll;padding:2rem;background-color:#fff;border:1px solid #ddd;height:500px;}

.step_input {max-width:540px;margin:auto;}
.step_input>div {margin-top:1rem;display:table;width:100%}
.step_input>div>p {font-size:3rem;font-weight:600;width:100px;display:table-cell;}
.step_input>div>div {font-size:3rem;display:teble-cell;border-radius:5px;background-color:#fff;}

.step_input input[type="text"] {width:100%;}
.step_bx2 button {color:#05195d;border-radius:50rem;padding:1rem 2rem;font-size:4rem;font-weight:600;background-color:#d8def7;}


.sec3_bx_in>div.bx1{padding:6rem;}
.sec3_bx_in{position:relative; color:#fff;;max-width:1650px;margin:auto;margin-top:5rem;background-color:#05195d;border-radius:52px;}
.sec3_bx_in .st1_2 {font-size:5rem;color:#05195d;font-weight:700;background-color:#d8def7;border-radius:50rem;display:inline-block;line-height:6rem;padding:0 50px;}
.sec3_bx_in .st2_2 {font-size:4rem;font-weight:600}
.sec3_bx_in .st3_2 {font-size:2.5rem;}
.accordion-content2{display:none}



.arrow-icon2 {
 cursor:pointer;
 position:relative;
 bottom:0;
 margin-bottom:3rem;
  transition: transform 0.3s ease; 
}

.accordion-btn2.active .arrow-icon2 {
  transform: rotate(180deg);
}


.accordion-content2 {padding:4rem 0;border-radius:0 0 50px 50px;background-color:#e4e5ef;}


.sec3_bx_st2 {max-width:1030px;margin:auto}
.sec3_bx_st2>p {padding:1rem 0;font-size:3.3rem;font-weight:600;background-color:#05195d;border-radius:20px 20px 0 0;}
.sec3_bx_st2>div {padding:2rem;background-color:#fff;border-radius:0 0 20px 20px;font-size:2.5rem;color:#000;;}

.sec3_bx_btn button {color:#05195d;border-radius:50rem;padding:1rem 4rem;font-size:3rem;font-weight:600;background-color:#05195d;color:#fff;}


.t_close2{cursor:pointer; padding:2rem 0;margin-bottom:5rem;font-weight:600;color:#fff;font-size:3.5rem;background-color:#05195d;border-radius:50px;max-width:1650px;margin:auto}
.t_close2.active .arrow {
  transform: rotate(180deg); /* 180도 회전하여 아래 방향으로 변경 */
}

.t_close2 .arrow {
  display: inline-block;
  transition: transform 0.3s ease; /* 0.3초 동안 부드럽게 회전 */
}

.t_form2 {display:none}
#view_tab4 .bx1 {padding:0;max-width:1660px;margin:auto;margin-top:15rem;;;border-radius:50px;box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.1)}
#view_tab4 .bx1.parent_active {padding:0 0 5rem;max-width:1660px;margin:auto;margin-top:15rem;;background-color:#ededf4;border-radius:50px;box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.1)}

#view_tab4 .bx1>p {padding:2rem 0;margin-bottom:5rem;font-weight:600;color:#fff;font-size:3.5rem;background-color:#05195d;border-radius:50px;}
#view_tab4 .bx1>p.active {padding:2rem 0;margin-bottom:5rem;font-weight:600;color:#fff;font-size:3.5rem;background-color:#05195d;border-radius:50px 50px 0 0;}

#view_tab4 .bx1>p>span {font-weight:normal;font-size:2.7rem;}



.t_form {display:none;}
.t_close {
  cursor: pointer;
 
  align-items: center;
  gap: 8px; /* 글자와 화살표 사이 간격 */
}

/* 기본 상태 (화살표가 위를 향함) */
.t_close .arrow {
  display: inline-block;
  transition: transform 0.3s ease; /* 0.3초 동안 부드럽게 회전 */
}

/* 클릭되어 active 클래스가 붙었을 때 (화살표가 아래로 뒤집힘) */
.t_close.active .arrow {
  transform: rotate(180deg); /* 180도 회전하여 아래 방향으로 변경 */
}



.foot_wp {padding:10rem 0;font-size:2.7rem;}



.foot_num {letter-spacing:-0.04em; background-color:#e4e5ef;padding:6rem 0 7rem;color:#4a4a4a;font-size:6.5rem;}
.foot_num b {color:#05195d;font-size:9.8rem;font-weight:800}


.btn_wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
    cursor: pointer;
    width: 210px;
    background-color: #EEEEED;
    border-radius: 80px;
  
    will-change: transform;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.btn_wrap:hover {
    /* transition-delay: .4s; */
    -webkit-transform: scale(1.1);
            transform: scale(1.1)
}

.btn_wrap>span {
    position: absolute;
    z-index: 99;
   
    -webkit-transition: all 1.2s ease;
    transition: all 1.2s ease;
}

.container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 240px;
    height: 64px;
    padding:0 1rem;
    border-radius: 80px;
}
.container a {
    opacity: 0;
    font-size: 28px;
    color: #1F1E1E;
    will-change: transform;
    -webkit-transform: scale(.1);
            transform: scale(.1);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.container img {height:28px}
.container a:nth-of-type(1) {
            -webkit-transition-delay: 1.1s;
                    transition-delay: 1.1s;
}

.container a:nth-of-type(2) {
            -webkit-transition-delay: .9s;
                    transition-delay: .9s;
}

.container a:nth-of-type(3) {
            -webkit-transition-delay: .7s;
                    transition-delay: .7s;
}

.container a:nth-of-type(4) {
            -webkit-transition-delay: .4s;
                    transition-delay: .4s;
}
.container a:nth-of-type(5) {
            -webkit-transition-delay: .2s;
                    transition-delay: .2s;
}
.btn_wrap:hover span {
    -webkit-transition-delay: .25s;
            transition-delay: .25s;
    -webkit-transform: translateX(-280px);
            transform: translateX(-280px)
}

.btn_wrap:hover a {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
}


.dr {
position: absolute;
  bottom: 16px; 
  right: 16px;
  width:100px;
}