/*공통*/
.blue_point { color:#035cff; }
.bg_point { background-color:#035cff; }
.yel_point { color:#fff94c; }
.lpt { letter-spacing: 0; }

#wrap { width:100%; float:left; }
#wrap2 { width:100%; float:left; background-color:#f5f9ff; }

/*ai_메인*/
.ai_form { width:100%; float:left; background-color:#f5f9ff; }
.box_step { width:100%; float:left; background-color: #fff; box-shadow: 0px 2px 7px rgba(52,101,190,0.1); padding: 100px 50px 300px 50px;}
.box_step .top { width:100%; float:left; height:52px; border-bottom:1px solid #f1f1f1; line-height:52px;}
.box_step .top > a { width:11%; float:left; color:#bbbbbb; font-size:20px; cursor:pointer; }
.box_step .top > a > i { margin-right:7px; }
.box_step .content { width:100%; float:left; padding:0 30px; margin-top:50px; } 
.box_step .content .con_box { width:100%; float:left; }
.box_step.step_01 .content .title { width:100%; float:left; font-size:38px; color:#222; font-weight: 500; text-align:left; }
.step_01 { display: block; }
.step_01 .content .title > span { font-weight: 700; }
.step_01 .content .img { float:right; }
.box_step .btn { width:100%; float:left; height:70px; line-height:70px; color:#fff; font-weight:500; font-size:22px; text-align: center; margin-top:50px; border-radius: 50px; }
.box_step .btn > i { margin-left:7px; }

/*step_02*/
.step_02 { position: absolute; top:0; left:0; display: none; }
.box_step .content .title { width:100%; float:left; font-size:32px; color:#222; font-weight: 500; text-align:center; }
.box_step .content .title .bold { font-weight: 700; }
.box_step .content .form_group { width:100%; float:left; margin-top:60px; }
.box_step .content .form_group label { width:49%; float:left; line-height:68px; margin-right:2%; border-radius: 20px; border:2px solid #e0e0e0; text-align:center; font-size:20px; }
.box_step .content .form_group label:nth-child(2) { margin-right:0px; }
.box_step .content .form_group label:has(input[type=radio]:checked) { color:#035cff; background-color:#e5eeff; font-weight:700; border:0; border:2px solid #035cff; } 
.box_step .tab_botm { width:100%; float:left; margin-top:50px; }
.box_step .tab_botm .botm { width:100%; float:left; background-color:#f5f5f5; border-radius: 20px; padding: 45px 100px; }
.box_step .tab_botm .botm .sub_tit { width:100%; text-align: center; color:#000; font-weight:600; font-size:22px;  }
.box_step .tab_botm .botm .num_write { width:100%; float:left; margin-top:20px; }
.box_step .tab_botm .botm .num_write > input { width:90%; float:left; background-color:#fff; border-radius: 20px; line-height:68px; border:0px; font-size:18px; text-align:right; padding: 0 25px; }
.box_step .tab_botm .botm .num_write > span { width:10%; float:left; text-align: center; line-height:68px; font-size:18px; }
.box_step .tab_botm .f_txt { width:100%; float:left; margin-top:12px; color:#999999; font-size:16px; padding:0 10px; }
.step_02 .btn { margin-top:57px; }

/*step_03*/
.step_03 { position: absolute; top:0; left:0; display: none; }
.step_03 .btn { margin-top:352px; }

/*step_04*/
.step_04 { position: absolute; top:0; left:0; display: none; }
.step_04 .btn { margin-top:351px; }

/*step_05*/
.step_05 { position: absolute; top:0; left:0; display: none; }
.step_05 .btn { margin-top:146px; }
.step_05 .content .title .sub_tt { width:100%; float:left; font-size:20px; color:#a7a7a7; margin-top:15px; }

/*step_06*/
.step_06 { position: absolute; top:0; left:0; display: none; }
.step_06 .step_loading { width:100%; float:left; padding: 0 340px; margin-top:250px;  }
.step_06 .step_loading > ul { width:100%; float:left; text-align: center; }
.step_06 .step_loading > ul > li { width:10px; height:10px; float:left; margin-left:30px; background-color:#035cff; }
/* .step_06 .step_loading > ul > li:nth-child(1) { margin-left:0px; opacity: 0.1; }
.step_06 .step_loading > ul > li:nth-child(2) { opacity: 0.3; }
.step_06 .step_loading > ul > li:nth-child(3) { opacity: 0.5; }
.step_06 .step_loading > ul > li:nth-child(4) { opacity: 0.65; }
.step_06 .step_loading > ul > li:nth-child(5) { opacity: 0.85; } */
.step_06 .step_loading > ul > li { opacity: 0; }
.step_06 .step_loading > ul > li:nth-child(1) { margin-left:0px; }
.step_06  .title { width:100%; float:left; text-align: center; margin-top:25px; font-size:20px; margin-bottom:140px; }

/*step_07_결과_실패*/
.step_07 { position: absolute; top:0; left:0; display: none; }
.step_07 .content .title .sub_tt { width:100%; float:left; font-size:20px; color:#a7a7a7; margin-top:15px; }
.step_07 .top > a { width:90%; float:left; color:#bbbbbb; font-size:20px; }
.step_07 .top > span { width:10%; float:right; color:#555; font-size:18px; font-weight: 500;}
.step_07 .result_box { width:100%; float:left; text-align: center; margin-top:50px; }
.step_07 .result_box > img { display: inline-block; margin-bottom:25px; }
.step_07 .result_box > span { padding:5px 25px; background-color: #a0ff24; border-radius: 50px; font-weight:500; font-size:16px; }
.step_07 .btn { margin-top:197px; }

/*step_08_결과_성공*/
.step_08 { position: absolute; top:0; left:0; display: none; }
.step_08 .top > a { width:90%; float:left; color:#bbbbbb; font-size:20px; }
.step_08 .top > span { width:10%; float:right; color:#555; font-size:18px; font-weight: 500;}
.step_08 .result_box { width:100%; float:left; text-align: center; margin-top:50px; }
.step_08 .result_box > img { display: inline-block; margin-bottom:25px; }
.step_08 .result_box .box_txt { width:100%; float:left; background-color:#f5f5f5; border-radius: 20px; padding: 30px 100px; font-size:22px; font-weight:500; color:#000; }
.step_08 .result_box .box_txt > span { font-weight:700; color:#ff3e03; font-size:28px; }
.step_08 .result_box .f_txt { width:100%; float:left; margin-top:12px; color:#999999; font-size:16px; padding:0 10px; text-align: left; }
.step_08 .btn { margin-top:129px; }

/*step_09_신청폼*/
.step_09 { width:100%; float:left; position: absolute; top:0; left:0; display: none; background-color: #fff; box-shadow: 0px 2px 7px rgba(52,101,190,0.1); padding: 100px 50px 110px 50px; }
.step_09 .top > a { width:90%; float:left; color:#bbbbbb; font-size:20px; }
.step_09 .top > span { width:10%; float:right; color:#555; font-size:18px; font-weight: 500;}
.step_09 .content .form_type { width:100%; float:left; margin-top:25px; }
.step_09 .content .form_box { width:48%; float:left; margin-top:20px; margin-left:30px; }
.step_09 .content .form_box.no-margin { margin-left:0px; }
.step_09 .content .form_box > div { width:100%; float:left; font-size:18px; color:#000; font-weight:600; }
.step_09 .content .form_box > div .pt { color:#cc3333; font-weight:600; }
.step_09 .content .form_box input { width:100%; float:left; line-height:60px; border-radius: 7px; border:2px solid #e0e0e0; font-size:18px; text-align:left; margin-top:5px; padding: 0 10px; }

.step_09 .content .form_box2 { width:48%; float:left; margin-left: 0; }
.step_09 .content .form_box2 > label { width:32%; float:left; line-height:60px; border-radius: 7px; border:2px solid #e0e0e0; font-size:18px; text-align:left; margin-top:5px; margin-left:2%; padding: 0 10px; text-align: center; background-color: #fff; }
.step_09 .content .form_box2 > label.no-margin { margin-left:0; }
.step_09 .content .form_box > label:has(input[type=radio]:checked) { color:#035cff; background-color:#e5eeff; font-weight:700; border:0; border:2px solid #035cff; } 

.step_09 .content .form_box3 > label { width:48%; float:left; line-height:60px; border-radius: 7px; border:2px solid #e0e0e0; font-size:18px; text-align:left; margin-top:5px; margin-left:15px; padding: 0 10px; text-align: center; background-color: #fff; }
.step_09 .content .form_box3 > label.no-margin { margin-left:0; }

.step_09 .content .form_box4 > input { width:91%; float:left; text-align: right; }
.step_09 .content .form_box4 > span { width:9%; float:left; line-height:60px; font-size:16px; text-align: right; padding-top: 7px; }

#wrap2 .step_09 .content .form_box5 { width:100%; float:left; margin-top:20px; }
#wrap2 .step_09 .content .form_box5 div { width:100%; float:left; display: flex; gap: 12px; }
#wrap2 .step_09 .content .form_box5 div .checkbox_ctr { width:4%; float:left; }
#wrap2 .step_09 .content .form_box5 div .checkbox_ctr #checkbox:checked ~ .checkmark { cursor:pointer; background: #68dd00; border: 1px solid #68dd00; }
#wrap2 .step_09 .content .form_box5 div .checkmark { cursor:pointer; position: absolute; top: 0; left: 0; height: 25px; width: 25px; background: none; border: 1px solid #999; border-radius: 4px; transition:0.3s; transform-origin: left; }
#wrap2 .step_09 .content .form_box5 div .checkmark > i { text-align: center; color:#fff; margin:4px 5px; }
#wrap2 .step_09 .content .form_box5 div .agree_checkbox { width:40%; float:right!important; /* padding: 0px 0px 0px 15px; */ font-size:16px; font-weight:400; line-height:27px; }
#wrap2 .step_09 .content .form_box5 div .agree_checkbox .agree_checktext { cursor: pointer; }
#wrap2 .step_09 .content .form_box5 .agree-info { width:100%; float:left; height:150px; overflow-y: scroll; border-radius: 7px; padding:20px; border:2px solid #e6e6e6; background-color:#fff; color:#999; margin-top:15px; }
#wrap2 .step_09 .content .form_box5 div .agree_btn button { width: 120px; height: 30px; border-radius: 10px; background-color: #37597e; color:#fff; text-align: center;  }
#wrap2 .step_09 .content .form_box5 div .agree_btn button:hover { background-color: #222; transition: 0.5s ease-out, transform 0.5s ease-out; }
#wrap2 .step_09 .content .form_box5 .agree-info2 { display: none; }

.step_09 .btn { margin-top:70px; }

.ai_form .gif_text_box { width: 100%; float:left; background-color: #f3f3f3; padding:2% 0; display: inline-block; text-align: center; margin-top: 2%; }


/*메인랜딩*/
/*신청폼*/
.form_warp { background-color:#1e2832; padding:110px 0; }
.form_warp .con_box { width:100%; float:left; }
.form_warp .main_title { width:100%; float:left; text-align: center; }
.form_warp .con_box .main_title .title { font-size:40px; font-weight:500; color:#fff; }
.form_warp .main_title .title > span { font-weight: 800; }

.form_warp .main_form { width:100%; float:left; background-color: #fff; border-radius: 15px; padding:50px 90px 70px 90px; margin-top:40px;  }
.form_warp .main_form .form_box { width:48%; float:left; margin-top:20px; margin-left:30px; }
.form_warp .main_form .form_box.no-margin { margin-left:0px; }
.form_warp .main_form .form_box > div { width:100%; float:left; font-size:18px; color:#000; font-weight:600; }
.form_warp .main_form .form_box > div .pt { color:#cc3333; font-weight:600; }
.form_warp .main_form .form_box input { width:100%; float:left; line-height:60px; border-radius: 0px; border:2px solid #e0e0e0; font-size:18px; text-align:left; margin-top:5px; padding: 0 10px; }
.form_warp .main_form .form_box > div .Info_txt { float: right; color:#999; font-size: 14px; font-weight: 400; }

/* 문자 인증 관련 */
.sms_check_type1 { width:100% !important; }
.sms_check_type2 { width:48% !important;}

.sms_check_type1 #smsCheckBtn { width:25% !important; }
.sms_check_type2 #sendSmsNum { width:25% !important; }

/* .form_warp .main_form .form_box .sms_check_type2 button { display:none; } */
#sendSmsNum { background-color:#035cff; color:white; position: absolute; right: 12px; top: 50%; transform: translateY(-45%); width:80px; height:35px; border-radius:5px; }
#smsCheckBtn { background-color:#035cff; color:white; position: absolute; right: 12px; top: 50%; transform: translateY(-45%); width:55px; height:35px; border-radius:5px; }

.form_warp .main_form .form_box2 > label { width:32%; float:left; line-height:60px; border-radius: 0px; border:2px solid #e0e0e0; font-size:18px; text-align:left; margin-top:5px; margin-left:10px; padding: 0 10px; text-align: center; background-color: #fff; }
.form_warp .main_form .form_box2 > label.no-margin { margin-left:0; }
.form_warp .main_form .form_box > label:has(input[type=radio]:checked) { color:#035cff; background-color:#e5eeff; font-weight:700; border:0; border:2px solid #035cff; } 

.form_warp .main_form .form_box3 > label { width:48%; float:left; line-height:60px; border-radius: 0px; border:2px solid #e0e0e0; font-size:18px; text-align:left; margin-top:5px; margin-left:20px; padding: 0 10px; text-align: center; background-color: #fff; }
.form_warp .main_form .form_box3 > label.no-margin { margin-left:0; }

.form_warp .main_form .form_box4 > input { width:92%; float:left; text-align: right; }
.form_warp .main_form .form_box4 > span { width:8%; float:left; line-height:60px; font-size:16px; text-align: right; padding-top: 7px; }

.form_warp .main_form .form_box5 { width:100%; float:left; margin-top:20px; }
.form_warp .main_form .form_box5 > div { width:100%; float:left; display: flex; gap: 10px; }
.form_warp .main_form .form_box5 div .checkbox_ctr { width:3%; float:left; }
.form_warp .main_form .form_box5 .checkbox_ctr input:checked ~ .checkmark { cursor:pointer; background: #68dd00; border: 1px solid #68dd00; }
.form_warp .main_form .form_box5 .checkmark { cursor:pointer; position: absolute; top: 1px; left: 0; height: 25px; width: 25px; background: none; border: 1px solid #999; border-radius: 4px; transition:0.3s; transform-origin: left; }
.form_warp .main_form .form_box5 .checkmark > i { text-align: center; color:#fff; margin:4px 5px; }
.form_warp .main_form .form_box5 .agree_checkbox { width:21%; float: right; /* padding: 0px 0px 0px 5px; */ font-size:16px; font-weight:500; line-height:27px; }
.form_warp .main_form .form_box5 .agree_checkbox .agree_checktext { cursor: pointer; }
.form_warp .main_form .form_box5 .agree-info { width:100%; float:left; height:130px; overflow-y: scroll; padding:20px; border:2px solid #e6e6e6; background-color:#fff; color:#999; margin-top:15px; }
.form_warp .main_form .form_box5 .agree_btn button { width: 120px; height: 30px; border-radius: 10px; background-color: #37597e; color:#fff; text-align: center;  }
.form_warp .main_form .form_box5 .agree_btn button:hover { background-color: #222; transition: 0.5s ease-out, transform 0.5s ease-out; }
.form_warp .main_form .form_box5 .agree-info2 { display: none; } 

.form_warp .main_form .ft_txt { width:100%; float:left; font-size:18px; color:#444; font-weight: 600; background-color: #f3f3f3; line-height:56px; padding:0 20px; margin-top:30px; }
.form_warp .main_form .ft_txt > i { margin-right:12px; }
.form_warp .main_form .ft_txt > span { color:#cc3333; font-size:15px; font-weight: 500; }

.form_warp .main_form .btn_box { width:100%; float:left; display: flex; justify-content: center; margin-top:50px; } 
.form_warp .main_form .btn { width:400px; float:left; height:70px; line-height:70px; border-radius: 15px; color:#fff; text-align: center; font-size: 18px; font-weight: 500; cursor: pointer; }

.footer { width:100%; float:left; background-color: #f6f6f6; }
.footer .ft_box { width:100%; float:left; padding:50px 0 100px 0; color:#999999; font-size:14px; }
.footer .ft_box .top { width:100%; float:left; line-height: 22px;  }
.footer .ft_box .btm { width:100%; float:left; border-top:2px solid #fff; margin-top:20px; padding-top:20px; line-height: 25px; }
.footer .ft_box .btm2 { width:100%; float:left; margin-top: 10px; font-size: 17px; font-weight: 500; }

/*공통 타이틀박스*/
.con_box { width:100%; float:left; }
.con_box .main_title { width:100%; float:left; text-align: center; }
.con_box .main_title .sub { font-size:34px; color:#222; font-weight:400; }
.con_box .main_title .sub2 { font-size:30px; color:#222; font-weight:300; margin-top:5px; }
.con_box .main_title .sub2 .bd_tt{ color:#111; font-weight:400; }
.con_box .main_title .title { font-size:42px; font-weight:600; color:#000; }
.con_box .main_title .title > span { font-weight: 900; }
.con_box .main_title .ex_sub { font-size:20px; color:#1e2832; letter-spacing: 1px; }

/*플로팅*/
.floating { width:100%; float:left; position: fixed; bottom:0; z-index:9999; }
.floating .float_box { width:100%; float:left; padding-bottom:50px; }
.floating .float_box > ul { width:30%; float:left; text-align: center; margin:auto 455px; }
.floating .float_box > ul > li { width:185px; height:60px; line-height: 60px; float:left; border-radius: 50px; box-shadow: 2px 5px 3px rgba(0,0,0,0.2); font-weight: 600; font-size:18px; margin-right:20px; }
.floating .float_box > ul > li.ai_btn { background-color:#035cff; color:#fff; }
.floating .float_box > ul > li.form_btn { background-color:#fff; color:#035cff; margin-right:0px; }
.floating .float_box > ul > li > a { width:100%; float:left; }

/*메인박스*/
.main {width:100%; float:left; padding: 200px 0px;}
.main .main_box { width:54%; float:left; }

.main .img_box { width:46%; float:left; position: relative;}
.main .img_box img {width: 96%; margin-top: -22%; margin-left: -8%;}

.main .img_box1 { position: absolute; width:30%}
.main .img_box1 img { width: 65%; margin-left: 238%; margin-top: 50%;}


.main .main_box .sub {width:183px; height: 38px; margin: top -47px;; background-color: rgb(217, 231, 255); color: rgb(3, 92, 255); 
    border-radius: 25px; font-size: 19px; text-align: center; padding-top: 5.5px;
    letter-spacing: 1px; font-weight: 500; display: block;}
.main .main_box .main_title2 {width:100%; float:left; font-size: 48px; margin-top: 12px; font-weight: 600;}
.main .sub2 {width:70%; float:left; font-size: 24px; padding-top: 19px; line-height: 1.6;}
.main .title1 {color: #035cff; font-weight: 800;}
.main .title2 {color: #000000; font-weight: 400;}
.main .main_box .sub_info { width:79%; float:left; margin-top:22px; font-size: 15px; font-weight: 500; background-color: #f2f2f2; border-radius: 30px; text-align: center; line-height: 40px; color:#444;}
.main .main_box .sub_info > span { color:#b93838; font-size: 14px; }
.main .main_box .sub_info > i { color:#444; margin-right: 10px; }

.main .img_box2 { width:46%; float:left; position: relative; }
.main .img_box2 .img1 { width:100%; float:right; position: absolute; top:50%; right:0; transform: translateY(-25%); }
.main .img_box2 .img2 { float:right; position: absolute; top:220px; right:0; }

.sec_02 { height:120px; background-image: url(../images/sec02_bg.png); background-repeat: no-repeat;  }
.sec_02 .text { width:100%; float:left; text-align: center; color:#fff; font-size:24px; font-weight:500; line-height:120px; }
.sec_02 .text > span { color:#fffd4b; }

.sec_03 { padding:90px 0; background-color:#f4f4f5; }
.sec_03 .sub_txt { width:100%; float:left; text-align: center; margin-top:20px; font-size:20px; font-weight:300; color:#60646a; }
.sec_03 .sub_txt > span { font-weight:500; }
.sec_03 .btn_box { width:100%; float:left; margin-top:50px; display: flex; justify-content: center; }
.sec_03 .btn_box > a { width:280px; height:68px; }
.sec_03 .btn_box > a > button { width:280px; height:68px; border-radius: 50px; text-align: center; background-color:#1e2832; color:#fff; font-weight:700; font-size:18px;  }
.sec_03 .btn_box > a > button > span { color:#fff94c; }
.sec_03 .img { position: absolute; right:0; bottom:-65px; }

.sec_04 { padding:100px 0; }
.sec_04 .content { width:100%; float:left; margin-top:80px; display: flex; justify-content: center; gap:30px; }
.sec_04 .content .box { width:100%; float:left; }
.sec_04 .content .box .img { width:185px; height:185px; border-radius: 50%; border:5px solid #e7f6ff; box-shadow: 3px 5px 5px rgba(0,0,0,0.1); text-align: center; line-height:170px; }
.sec_04 .content .box .img2 { border:5px solid #e9e9e9; }
.sec_04 .content .box .img > img { display: inline-block; line-height: 70px; }
.sec_04 .content .box > p { width:100%; float:left; text-align: center; margin-top:20px; font-size: 20px; font-weight: 500; color:#666; }
.sec_04 .content .box > p > span { color:#222; }
.sec_04 .txt { width:100%; float:left; text-align: right; margin-top:30px; font-size:16px; color:#b0b0b0; font-weight: 500; }

.sec_05 { padding:100px 0; background-color:#f2f7ff; }
.sec_05 .content { width:100%; float:left; margin-top:80px; }
.sec_05 .content .box { width:32%; float:left; margin-left:26px; border-radius: 30px; background-color: #fff; text-align: center; }
.sec_05 .content .box.no-margin { margin-left:0px; }
.sec_05 .content .box .num { width:70px; height:70px; border-radius: 50%; float:left; text-align: center; color:#fff; font-weight:500; line-height:70px; font-size:20px; z-index: 9; position: absolute; top:-32px; left:50%; opacity:0; transition-property:all; transition-duration:1.5s; transform:translate(-50%, -50%); }
.sec_05 .content .box .num2 { background-color:#222; }
.sec_05 .content .box .img { width:100%; height:294px; float:left; background-color:#ebebeb; padding:82px 0 60px 0; border-top-left-radius: 30px; border-top-right-radius: 30px; }
.sec_05 .content .box .text { width:100%; height:215px; float:left; padding:30px 15px;  }
.sec_05 .content .box .text > ul { width:100%; float:left; }
.sec_05 .content .box .text > ul .tit { width:100%; float:left; font-size:24px; }
.sec_05 .content .box .text > ul .tit > span.bd { font-weight:600; }
.sec_05 .content .box .text > ul .txt { width:100%; float:left; font-size:17px; margin-top: 12px; }
.sec_05 .content .box .text > ul .txt > span { font-weight:500; }

.sec_05_2 { background-image: url(../images/sec_05bg.png); background-repeat: no-repeat; background-size: 100%; z-index:999; }
.sec_05_2 .point_box { width:300px; height:56px; line-height:56px; background-color:#333; border-radius: 20px; box-shadow: 3px 5px 5px rgba(0,0,0,0.1); color:#fff; font-size:18px; font-weight:500; text-align: center; margin:50px auto; margin-top:50px; }
.sec_05_2 .point_box > i { margin-right:8px; }

.sec_06 { padding:100px 0; background-image: url(../images/sec_06bg.png); background-repeat: no-repeat; background-size: cover; }
.sec_06 .content { width:100%; float:left; margin-top:80px; display: flex; justify-content: center; gap:30px; }
.sec_06 .content .box { width:270px; height:270px; float:left; box-shadow: 5px 5px 5px rgba(0,0,0,0.1); border-radius: 50%; text-align: center; color:#fff; font-size:18px; padding: 82px 0; } 
.sec_06 .content .box2 { background-color:#283f56; }
.sec_06 .content .box .num { color:#dcff1c; font-weight: 700; font-size:40px; margin-top:15px; }
.sec_06 .content .box .num > .unit { font-weight: 400; font-size:18px; }

.sec_07 { padding:100px 0; background-color:#e6f6ff; }
.sec_07 .rev_box { width:100%; float:left; margin-top:70px;}
.sec_07 .rev_box .box { width:410px; float:left; margin:0 10px; background-color: #fff; border:3px solid #eeeeee; border-radius:30px; padding:30px 20px; }
.sec_07 .rev_box .box .sum_b { width:100%; float:left; background-color: #f3f3f3; margin-top:25px; padding:25px;  font-size:18px; }
.sec_07 .rev_box .box .sum_b > ul { width:100%; float:left; }
.sec_07 .rev_box .box .sum_b > ul .n_tt { width:100%; float:left; }
.sec_07 .rev_box .box .sum_b > ul .n_tt > span { font-size:22px; font-weight:600; /* background-color:#fffca9; padding:0 5px; */ }
.sec_07 .rev_box .box .sum_b > ul .n_tt > span .bd_box { width:100%; float:left; background-color:#fff8213d; height:18px; position: absolute; top:12px; left:0px; }
.sec_07 .rev_box .box .txt_b { width:100%; float:left; }
.sec_07 .rev_box .box .txt_b .img { width:105px; height:105px; float:left; }
.sec_07 .rev_box .box .txt_b .info { width:68%; height:105px; float:left; margin-left: 10px; padding-top: 10px; }
.sec_07 .rev_box .box .txt_b .info > ul { width:100%; float:left; }
.sec_07 .rev_box .box .txt_b .info > ul .name { width:100%; float:left; color:#000; font-size:20px; font-weight:500; }
.sec_07 .rev_box .box .txt_b .info > ul .name > span { font-size:18px; color:#999; font-weight:400; }
.sec_07 .rev_box .box .txt_b .info > ul .info_tt { width:100%; float:left; font-size:18px; color:#555; font-weight:400; margin:8px 0 0 7px; line-height:26px; }


.sec_08 { padding:100px 0; }
.sec_08 .img_box { width:100%; float:left; margin-top:70px; position: relative; }
.sec_08 .img_box .text { width:100%; float:left; display: flex; justify-content: center; z-index: 9; }
.sec_08 .img_box .text .box1 { background-image: url(../images/inpog1.png); background-repeat: no-repeat; background-size: cover; }
.sec_08 .img_box .text .box2 { background-image: url(../images/inpog2.png); background-repeat: no-repeat; background-size: cover; }
.sec_08 .img_box .text .box3 { background-image: url(../images/inpog3.png); background-repeat: no-repeat; background-size: cover; }
.sec_08 .img_box .text .box4 { background-image: url(../images/inpog4.png); background-repeat: no-repeat; background-size: cover; }
.sec_08 .img_box .text > ul { width:290px; float:left; text-align: center; padding: 90px 0; }
.sec_08 .img_box .text > ul .tit { width:100%; float:left; font-size:23px; font-weight: 600; }
.sec_08 .img_box .text > ul .txt { width:100%; float:left; font-size:20px; font-weight: 300; margin-top:10px; }
.sec_08 .img_box .bg_img { width:100%; float:left; padding: 0 76px; }

/*대출상담사*/
.sec_09 { padding:85px 0 50px 0; background-color: #f2f7ff; }
.sec_09 .content { width:100%; float:left; z-index: 99; }
.sec_09 .content .img { width:305px; float:left; z-index: 9; position: absolute; left: 20px; top: -17px; }
.sec_09 .content .check_box { width:1065px; float:right; height:250px; margin-top: 75px; background-color:#fff; border-radius: 50px; padding:30px 200px; display: flex; align-items: center; left: -50px; }
.sec_09 .content .check_box .sub_txt { width:186px; height:45px; line-height: 42px; font-size: 20px; text-align: center; font-weight: 500; color:#295097; border-radius: 50px; border:2px solid #d2e3ff; background-color: #fff; position: absolute; top:-8%; left:50%; transform: translate(-80%, 0%); }
.sec_09 .content .check_box > ul {  width:100%; float:left; }
.sec_09 .content .check_box > ul .text { width:100%; float:left; color:#444; font-weight: 400; font-size: 19px; margin-top:15px; display: flex; align-items: center; }
.sec_09 .content .check_box > ul .text .check { margin-right:12px; }
.sec_09 .content .check_box > ul .text .bd { font-weight: 500; color:#111; }
.sec_09 .content .check_box > ul .text .bd.margin10  { margin-left:5px; }
.sec_09 .bg_color { width:100%; height:180px; float:left; background-color: #035cff; position: absolute; bottom: 0; }

/* 2026.01.22 작업 - 목적추가 */
.sec_09 .content_new .img { top: -62px !important; }
.sec_09 .content_new .check_box:first-child { margin-top: 0 !important; }
.sec_09 .content_new .check_box { padding: 30px 95px !important; gap: 30px; margin-top: 30px; }
.sec_09 .content_new .check_box > ul { display: flex; flex-direction: column; gap: 15px; }
.sec_09 .content_new .check_box > ul .text { margin-top: 0; align-items: flex-start !important; font-size: 20px; line-height: 32px; }
.sec_09 .content_new .check_box .sub_txt { line-height: 32px !important; border-radius: 30px !important; font-weight: 600 !important; height: 150px; position: initial !important; transform: none !important; display: inline-flex; align-items: center; justify-content: center; }
.sec_09 .content_new .check_box .sub_txt.sub_txt_bg { background-color: #2b74f9; color:#fff; }
.sec_09 .content_new .check_box .sub_txt.sub_txt_bg2 { background-color: #d4eaff; color:#1a4aa1; }

/*전화 상담 안내 페이지*/
.cs_guide { background-color: #f2f7ff; height:100vh; }
.cs_guide .content { width:100%; float:left; height:100vh; background-color: #fff; padding: 100px 50px; display: flex; flex-direction: column; align-items: center; }
.cs_guide .content .title { width:100%; float:left; text-align: center; font-size: 28px; font-weight: 400; color:#111; }
.cs_guide .content .title .bd { font-weight: 600; }
.cs_guide .content .call { width:100%; float:left; text-align: center; display: flex; flex-direction: column; align-items: center; margin-top: 60px; }
.cs_guide .content .call .img { width:120px; height:120px; border: 5px solid #d6eaff; border-radius: 100px; background-color: #fff; line-height: 102px; }
.cs_guide .content .call .tt { width:100%; float:left; font-weight: 600; font-size: 25px; margin-top: 30px; }
.cs_guide .content .call .txt { width:100%; float:left; font-weight: 500; font-size: 20px; margin-top: 5px; }
.cs_guide .content .text_box { width:650px; float:left; text-align: center; border: 2px solid #f5f5f5; border-radius: 20px; padding:20px 30px 35px 30px; margin-top: 35px;  }
.cs_guide .content .text_box > ul { width:100%; float:left; text-align: center; display: flex; flex-direction: column; align-items: center; }
.cs_guide .content .text_box > ul .tit { width:150px; height:38px; line-height: 32px; font-weight: 600; font-size: 17px; border: 3px solid #e9f1ff; border-radius: 50px; }
.cs_guide .content .text_box > ul .txt { width:100%; float:left; font-size: 17px; margin-top: 20px; color:#444; }
.cs_guide .content .text_box > ul .txt .bd { font-weight: 500; color:#222; }
.cs_guide .content .mov { width:100%; float:left; display: flex; justify-content: flex-start; }
.cs_guide .content .mov > a { width:100%; float:left; }
.cs_guide .content .mov > a > i { font-size: 20px; float:left; color:#ccc; margin-right:7px; }
.cs_guide .content .mov > a > span { color:#ccc; }

/* 슬라이드 효과 */
.btn_box .bg_point { background-color:#e0e0e0; }
.btn_box .btnActive { background-color:#035cff; }

.main2 .img_box2 .img2 {
    animation: motion 0.7s linear 0s infinite alternate;
}
@keyframes motion {
    0% {margin-top: 0px;}
    100% {margin-top: 10px;}
}

.sec_04 .box { 
    opacity:0;
    transition-property:all;
    transform:translate(0%, 30%);
}
.sec_04 .box01 { 
    transition-duration: 1s;
}
.sec_04 .box02 { 
    transition-duration: 1.5s;
}
.sec_04 .box03 { 
    transition-duration: 2s;
}
.sec_04 .box04 { 
    transition-duration: 2.5s;
}
.sec_04 .box05 { 
    transition-duration: 3s;
}
.sec_04 .box06 { 
    transition-duration: 3.5s;
}

.img05, .text05 {
    opacity : 0;
    transition-property:all;
    transition-duration: 1.5s;
    transform : translate(0%, -30%);
}

.Event06 {
    opacity:0;
    transition-property:all;
    transition-duration: 1s;
    transform:translate(0%, 30%);
}
.Event06_2 {
    transition-duration: 2s;
}
.Event06_3 {
    transition-duration: 2.5s;
}

.sec_08 .img_box ul {
    opacity:0;
    transition-property:all;
    transform:translate(-15%, 0%);
}
.sec_08 .img_box .box1 {
    transition-duration: 1s;
}
.sec_08 .img_box .box2 {
    transition-duration: 2.5s;
}
.sec_08 .img_box .box3 {
    transition-duration: 3.5s;
}
.sec_08 .img_box .box4 {
    transition-duration: 4.5s;
}

.sec_09 .content{
    opacity:0;
    transition-property:all;
    transition-duration: 1s;
    transform:translate(0%, 30%);
}

/* 커스텀 alert */
.custom_alert_wrap { width: 100%; height: 100vh; position: fixed; background: rgba(0,0,0,0.5); z-index: 9999999; }
.custom_alert_box { width: 100%; height: 100%; float: left; }
.custom_alert { width: 330px; height: 230px; border-radius: 15px; background: #fff; left: 50%; top: 50%; transform: translate(-50%, -50%); position: absolute; text-align: center;  }
.custom_alert .alert_top { width: 100%; height: 180px; float: left; }
.custom_alert .alert_top ul { top: 50%; transform: translateY(-50%); }
.custom_alert .alert_top .txt { margin-top: 15px; font-size: 14px; padding: 0 10px; }
.custom_alert .alert_bottom { width: 100%; float: left; line-height: 50px; border-top: 1px solid #DEDEDE; cursor: pointer; }