@charset "UTF-8";
/* 24.11.22 tgkim */
/* newkeep add CSS */
.c_sec01 .inner.renew { padding:140px 0 0 0 !important; }
.c_sec02.pre02.renew { height:460px; padding:0px 0 !important; justify-content:center; }
/* service section 01 - dif_system */
.c_sec01 .inner { padding:140px 0; align-items:center; flex-direction:column; }
.c_sec01 .inner .m_txt02 { margin:0 0 10px; line-height:1; }
.dif_system { display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:100px; }
.dif_system li { width:303px; height:303px; margin:11px 0; padding:38px 30px; box-sizing:border-box; border-radius:20px; box-shadow:0 0 20px rgba(0, 0, 0, 6%); background:#FFF; position:relative; }
.dif_system li a { display:block; width:100%; height:100%; }
.dif_system li .dif_txt01 { font-size:26px; font-weight:300; color:#383838; letter-spacing:-0.03em; line-height:34px; }
.dif_system li .dif_txt02 { font-size:26px; font-weight:500; color:#383838; letter-spacing:-0.03em; line-height:34px; }
.dif_system li .dif_txt02 span { font-weight:300; }
.dif_system li .dif_txt03 { font-size:18px; color:#505967; letter-spacing:-0.03em; line-height:20px; }
.dif_system li img { position:absolute; bottom:30px; }
.dif_system li img:nth-child(1) { left:30px; }
.dif_system li img:last-child { right:30px; }
/* service section 02 - tech_list */
.c_sec02 { background:#FAFAFA; }
.c_sec02 .inner { padding:140px 0; align-items:center; flex-direction:column; }
.tech_area { display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:100px; }
.tech_area div[class^='tech_list'] { width:610px; height:370px; margin:0 0 60px; padding:50px 0 0 50px; box-sizing:border-box; border-radius:20px; position:relative; }
.tech_list01 { background:url('../../img/service/tech01.png') center no-repeat; }
.tech_list02 { background:#3BA3FD; }
.tech_list02 img { position:absolute; right:30px; bottom:42px; }
.tech_list03 { margin-bottom:0; background:#022D81; }
.tech_list03 img { position:absolute; right:58px; bottom:42px; }
.tech_list04 { background:url('../../img/service/tech04.png') center no-repeat; margin-bottom:0; }
.tech_area .tech_txt01 { margin-bottom:10px; font-size:28px; font-weight:500; color:#FFF; letter-spacing:-0.03em; }
.tech_area .tech_txt02 { font-size:20px; color:#FFF; letter-spacing:-0.03em; line-height:28px; }
.mo_tech_area { display:none; }
/* service section 03 - process */
.c_sec03 .inner { padding:140px 0; align-items:center; flex-direction:column; }
.process_area { width:100%; margin-top:100px; }
.process_step { display:flex; justify-content:space-between; }
.process_step li { display:flex; justify-content:space-between; align-items:center; flex-direction:column; width:153px; height:153px; text-align:center; border-radius:20px; box-shadow:0 0 20px rgba(0, 0, 0, 10%); position:relative; cursor:pointer; transition:all 0.3s; }
.process_step li::after { display:block; width:9px; height:16px; background:url('../../img/service/step_arrow.png'); content:''; position:absolute; top:calc(50% - 8px); right:-40px; cursor:default; }
.process_step li:last-child::after { display:none; }
.process_step li.on,
.process_step li:hover { background:#022D81; transition:all 0.3s; }
.process_step li .img_box { display:flex; justify-content:center; align-items:center; width:60px; height:60px; position:relative; content:''; }
.process_step li .img_box img:first-child { opacity:1; transition:all 0.3s; }
.process_step li .img_box img:last-child { opacity:0; transition:all 0.3s; }
.process_step li.on .img_box img:first-child,
.process_step li:hover .img_box img:first-child { opacity:0; transition:all 0.3s; }
.process_step li.on .img_box img:last-child,
.process_step li:hover .img_box img:last-child { opacity:1; transition:all 0.3s; }
.process_step li .step_txt01 { margin-top:25px; font-size:14px; font-weight:500; color:#022D81; letter-spacing:-0.05em; line-height:22px; transition:all 0.3s; }
.process_step li.on .step_txt01,
.process_step li:hover .step_txt01 { color:#FFF; transition:all 0.3s; }
.process_step li .step_txt02 { margin-bottom:20px; font-size:20px; color:#383838; letter-spacing:-0.03em; line-height:23px; transition:all 0.3s; }
.process_step li.on .step_txt02,
.process_step li:hover .step_txt02 { color:#FFF; transition:all 0.3s; }
.step_box { display:none; width:100%; height:400px; margin-top:45px; padding:52px 0 0 60px; box-sizing:border-box; border-radius:19px; background:#F2F6FF; position:relative; }
.step_box.on { display:block; }
.step_txt_box { display:flex; }
.step_txt_box .txt_num { display:inline-block; width:120px; height:34px; padding:4px 0; box-sizing:border-box; font-size:22px; color:#FFF; letter-spacing:-0.03em; line-height:25px; text-align:center; border-radius:18px; background:#022D81; }
.step_txt_box p { display:inline-block; margin-left:15px; font-size:32px; font-weight:500; color:#383838; letter-spacing:-0.03em; }
.step_img ul { display:flex; justify-content:space-between; width:764px; margin:40px 0 0 -25px; position:relative; z-index:2; }
.step_img ul:after { display:block; width:calc(100% - 80px); height:2px; background:#BECFF5; content:''; position:absolute; top:65px; left:40px; z-index:0; }
.step_img ul li { display:flex; flex-direction:column; align-items:center; width:190px; position:relative; z-index:1; }
.step_img ul li .img_box { display:flex; justify-content:center; align-items:center; width:135px; height:135px; border-radius:8px; background:#FFF; }
.step_img ul li p { margin-top:20px; font-size:24px; color:#383838; letter-spacing:-0.03em; line-height:32px; text-align:center; }
.step_side01 { position:absolute; bottom:90px; right:51px; }
.step_side02 { position:absolute; bottom:92px; right:87px; }
.step_side03 { position:absolute; bottom:92px; right:67px; }
.step_side04 { position:absolute; bottom:60px; right:60px; }
.step_side05 { position:absolute; bottom:60px; right:0; }
.step_side06 { position:absolute; bottom:92px; right:77px; }
/* service section 04 - select */
.c_sec04 { background:#FAFAFA; }
.c_sec04 .inner { padding:140px 0; align-items:center; flex-direction:column; }
.inquiry_btn { display:block; margin-top:30px; padding:14px 35px; box-sizing:border-box; font-size:24px; color:#FFF; letter-spacing:-0.03em; text-align:center; background:#022D81; }
.compare_area { width:100%; margin:100px auto 0; }
.swiper_compare { display:flex; justify-content:space-between; margin:0 auto; }
.swiper_compare .swiper-slide { width:406px; height:790px; }
.swiper_compare .swiper-slide div[class*='box_'] { display:flex; flex-direction:column; align-items:center; width:100%; height:100%; padding:54px 38px 0; border:2px solid transparent; box-sizing:border-box; box-sizing:border-box; position:relative; background:#FFF; transition:all 0.3s; }
.swiper_compare .swiper-slide div[class*='box_'] .img_fixed { position:absolute; top:0; left:0; }
.swiper_compare .swiper-slide div[class*='box_'] .com_txt01 { margin-top:30px; font-size:30px; font-weight:700; letter-spacing:-0.03em; }
.swiper_compare .swiper-slide div[class*='box_'] .com_txt02 { margin-top:12px; font-size:20px; color:#9BA7B9; letter-spacing:-0.03em; }
.swiper_compare .swiper-slide div[class*='box_'] ul { width:100%; margin-top:30px; border-top:2px dotted #939EAD; padding:40px 23px 0; box-sizing:border-box; list-style-image:url('../../img/service/cheek_none.png'); }
.swiper_compare .swiper-slide div[class*='box_'] ul li { margin-bottom:20px; font-size:20px; color:#383838; letter-spacing:-0.03em; }
.swiper_compare .swiper-slide div[class*='box_'] ul li span { color:#383838; }
.swiper_compare .swiper-slide div[class*='box_'] ul li:last-child { margin-bottom:0; }
.swiper_compare .swiper-slide .box_starter:hover { border:2px solid #3BA3FD; box-shadow:0 0 30px rgba(163, 163, 163, 20%); }
.swiper_compare .swiper-slide .box_starter .com_txt01 { color:#3BA3FD; }
.swiper_compare .swiper-slide .box_starter:hover ul { list-style-image:url('../../img/service/cheek_starter.png'); }
.swiper_compare .swiper-slide .box_starter:hover ul li span { color:#3BA3FD; }
.swiper_compare .swiper-slide .box_basic:hover { border:2px solid #022D81; box-shadow:0 0 30px rgba(163, 163, 163, 20%); }
.swiper_compare .swiper-slide .box_basic .com_txt01 { color:#022D81; }
.swiper_compare .swiper-slide .box_basic:hover ul { list-style-image:url('../../img/service/cheek_basic.png'); }
.swiper_compare .swiper-slide .box_basic:hover ul li span { color:#022D81; }
.swiper_compare .swiper-slide .box_premium:hover { border:2px solid #541191; box-shadow:0 0 30px rgba(163, 163, 163, 20%); }
.swiper_compare .swiper-slide .box_premium .com_txt01 { color:#541191; }
.swiper_compare .swiper-slide .box_premium:hover ul { list-style-image:url('../../img/service/cheek_premium.png'); }
.swiper_compare .swiper-slide .box_premium:hover ul li span { color:#541191; }
/* service section 05 - app */
.c_sec05 .inner { padding:140px 0; align-items:center; flex-direction:column; }
.app_area { width:100%; margin-top:100px; }
.app_banner { display:flex; flex-direction:column; justify-content:center; height:400px; padding:0 0 0 80px; box-sizing:border-box; border-radius:20px; background:#022D81; position:relative; }
.app_banner .app_txt01 { font-size:30px; color:#58B1FD; letter-spacing:-0.03em; }
.app_banner .app_txt02 { margin-top:40px; font-size:42px; color:#FFF; letter-spacing:-0.03em; line-height:54px; }
.app_banner .app_txt02 span { font-weight:700; }
.app_banner .app_img { position:absolute; top:0; right:0; pointer-events:none; }
.app_banner .app_img_m { display:none; }
.app_show { min-height:537px; margin-top:100px; padding-left:30px; box-sizing:border-box; position:relative; }
.app_show .app_txt01 { padding-top:35px; font-size:26px; font-weight:500; color:#5EA2F6; letter-spacing:-0.03em; }
.swiper_app { width:320px; height:280px; position:absolute; top:95px; left:30px; }
.swiper_app .swiper-slide { width:320px !important; }
.swiper_app .app_txt02 { font-size:36px; color:#383838; letter-spacing:-0.03em; line-height:50px; }
.swiper_app .app_txt02 span { font-weight:700; }
.swiper_app .swiper-button-prev,
.swiper_app .swiper-button-next { width:53px; height:53px; top:auto; bottom:60px; outline:none; }
.swiper_app .swiper-button-prev,
.swiper-rtl .swiper-button-next { left:0; }
.swiper_app .swiper-button-next,
.swiper-rtl .swiper-button-prev { left:73px; right:auto; }
.swiper_app .swiper-button-prev.swiper-button-disabled,
.swiper_app .swiper-button-next.swiper-button-disabled { opacity:1; }
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite { top:auto; bottom:0; }
.swiper_app .swiper-pagination-progressbar { width:98%; margin:0 auto; border-radius:50px; background:#DADEE3; }
.swiper_app .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { border-radius:50px; background:#022D81; }
.swiper_app_img { width:803px; height:538px; padding:30px 0; position:absolute; top:0; right:0; }
.swiper_app_img .swiper-slide { width:302px !important; border-radius:20px; box-shadow:0 0 30px rgba(0, 0, 0, 16%); }
.swiper_app_img .swiper-slide img { height:100%; object-fit:contain; pointer-events:none; }
/* service section 06 - contact */
.c_sec06 { background:#FAFAFA; }
.c_sec06 .inner { padding:140px 0; align-items:center; flex-direction:column; }
.contact_area { width:100%; display:flex; justify-content:center; margin-top:100px; }
.contact_area li { width:150px; height:150px; margin-right:34px; padding:20px 10px 0; border-radius:19px; box-sizing:border-box; text-align:center; }
.contact_area li:nth-child(1) { background:#022D81; }
.contact_area li:nth-child(2) { background:#5E4E9F; }
.contact_area li:nth-child(3) { background:#1C8B9F; }
.contact_area li:nth-child(4) { margin-right:0; background:#4292D8; }
.contact_area li .cont_txt { margin-top:13px; font-size:20px; color:#FFF; letter-spacing:-0.03em; line-height:1.2; }
/* service section 07 - banner */
.c_sec07 { display:flex; flex-direction:column; justify-content:center; align-items:center; width:100%; height:420px; text-align:center; background:url('../../img/service/cont_banner01.png') center no-repeat; }
.c_sec07 .ban_txt01 { font-size:44px; font-weight:500; color:#FFF; letter-spacing:-0.03em; }
.c_sec07 .ban_txt02 { margin-top:16px; font-size:30px; font-weight:300; color:#FFF; letter-spacing:-0.03em; line-height:40px; }
/* service section 08 - sellway */
.c_sec08 { padding-bottom:140px; position:relative; }
.c_sec08 .inner { padding:140px 0 0; flex-direction:column; }
.c_sec08 .inner .l_txt01 { font-size:44px; font-weight:500; color:#333; letter-spacing:-0.03em; }
.c_sec08 .inner .l_txt02 { margin-top:17px; font-size:30px; font-weight:300; color:#333; letter-spacing:-0.03em; line-height:40px; }
.shop_area { margin-top:100px; }
.shop_area .pc_sell { display:flex; }
.shop_area ul .sell_shop { display:flex; justify-content:center; align-items:center; width:230px; height:390px; margin-right:50px; position:relative; z-index:5; }
.shop_area ul .sell_shop .hover_data { display:flex; flex-direction:column; justify-content:center; align-items:center; width:192px; height:192px; border-radius:50%; background:rgba(255, 255, 255, 0.8); box-shadow:0 0 20px rgba(0, 0, 0, 16%); position:relative; }
.shop_area ul .sell_shop .hover_data .data_txt01 { margin-top:12px; font-size:28px; font-weight:500; color:#0089FF; letter-spacing:-0.03em; }
.shop_area ul .sell_shop .hover_data .data_txt02 { margin-top:5px; font-size:16px; color:#0089FF; letter-spacing:-0.03em; }
.shop_area ul .send_shop { display:flex; justify-content:center; align-items:center; width:230px; height:390px; margin-left:36px; position:relative; z-index:5; }
.shop_area ul .send_shop .hover_data { display:flex; flex-direction:column; justify-content:center; align-items:center; width:192px; height:192px; border-radius:50%; background:rgba(255, 255, 255, 0.8); box-shadow:0 0 20px rgba(0, 0, 0, 16%); position:relative; z-index:5; cursor:default; }
.shop_area ul .send_shop .hover_data .data_txt01 { margin-top:12px; font-size:28px; font-weight:500; color:#E67A20; letter-spacing:-0.03em; }
.shop_area ul .send_shop .hover_data .data_txt02 { margin-top:5px; font-size:16px; color:#E67A20; letter-spacing:-0.03em; }
.shop_area ul .arrow_box { display:flex; flex-direction:column; justify-content:center; width:130px; }
.shop_area ul .arrow_box .blue_box { display:flex; flex-direction:column; justify-content:center; align-items:center; width:127px; height:89px; border-radius:10px; background:#E7F2FF; }
.shop_area ul .arrow_box .blue_box p { margin-top:13px; font-size:16px; font-weight:500; color:#61A8FB; letter-spacing:-0.03em; }
.shop_area ul .arrow_box .og_box { display:flex; flex-direction:column; justify-content:center; align-items:center; width:127px; height:89px; margin-top:17px; border-radius:10px; background:#FFEFE2; }
.shop_area ul .arrow_box .og_box p { margin-top:13px; font-size:16px; font-weight:500; color:#E67A20; letter-spacing:-0.03em; }
.shop_area ul .arrow_box .blue_arrow { margin-top:25px; }
.shop_area ul .arrow_box .og_arrow { margin-top:17px; }
.shop_area ul .shop_center { width:392px; height:392px; margin:0 36px; border:2px dotted #6245EF; border-radius:50%; box-sizing:border-box; background:#F4F5FF; position:relative; }
.shop_area ul .shop_center .main_cont { display:flex; flex-direction:column; justify-content:center; align-items:center; width:192px; height:192px; border-radius:50%; box-shadow:0 0 20px rgba(0, 0, 0, 16%); background:#FFF; position:absolute; top:calc(50% - 96px); left:calc(50% - 96px); z-index:10; }
.shop_area ul .shop_center .sub_cont { display:flex; justify-content:center; align-items:center; width:60px; height:60px; color:#FFF; border-radius:50%; box-shadow:0 0 20px rgba(0, 0, 0, 16%); background:#6245EF; position:absolute; z-index:5; }
.shop_area ul .shop_center .sub_cont:nth-child(2) { top:45px; left:94px; }
.shop_area ul .shop_center .sub_cont:nth-child(3) { top:45px; right:94px; }
.shop_area ul .shop_center .sub_cont:nth-child(4) { top:167px; right:16px; }
.shop_area ul .shop_center .sub_cont:nth-child(5) { bottom:42px; right:94px; }
.shop_area ul .shop_center .sub_cont:nth-child(6) { bottom:42px; left:94px; }
.shop_area ul .shop_center .sub_cont:nth-child(7) { top:167px; left:16px; }
.shop_area ul .shop_center .line_bar { position:absolute; top:76px; left:51px; z-index:1; pointer-events:none; }
.shop_area .mo_sell { display:none; }
.modal-bg {display:none;width:100%;height:100%;position:fixed;top:0;left:0;right:0;background:rgba(0, 0, 0, 0.6);z-index:999;}
.modal-wrap {display:none;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);width:90%;height:90vh;background:#fff;z-index:1000; text-align:center;}
.modal-wrap .close_btn { height:20px; position:absolute; top:15px; right:15px; }
.modal-wrap .close_btn img { height:20px; }
.modal-wrap .cont_img { height:100%; }
.shop_pro { margin-top:100px; }
.shop_pro .shop_title { width:fit-content; margin:0 auto; padding:10px 29px; box-sizing:border-box; font-size:26px; font-weight:500; color:#FFF; letter-spacing:-0.03em; text-align:center; border-radius:25px; background:#3BA3FD; }
.swiper_pro { width:100%; margin:0 auto; padding:40px 0; }
.swiper_pro .swiper-wrapper { justify-content:center; }
.swiper_pro .swiper-slide { display:flex; flex-direction:column; align-items:center; width:132px; /* margin-right:59px; */ position:relative; }
.swiper_pro .swiper-slide:after { display:block; width:21px; height:21px; content:''; position:absolute; top:55px; right:-40px; background:url('../../img/service/pro_arrow.png') center no-repeat; }
.swiper_pro .swiper-slide:last-child { margin-right:0; }
.swiper_pro .swiper-slide:last-child:after { display:none; }
.swiper_pro .swiper-slide .img_box { width:100%; height:132px; border-radius:15px; background:#FFF; box-shadow:0 0 30px rgba(0, 0, 0, 10%); position:relative; }
.swiper_pro .swiper-slide .img_box img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
.swiper_pro .swiper-slide .img_box img.off { opacity:1; transition:all 0.3s; }
.swiper_pro .swiper-slide .img_box img.on { opacity:0; transition:all 0.3s; }
.swiper_pro .swiper-slide:hover .img_box,
.swiper_pro .swiper-slide.on .img_box { background:#3BA3FD; transition:all 0.3s; }
.swiper_pro .swiper-slide:hover .img_box img.off,
.swiper_pro .swiper-slide.on .img_box img.off { opacity:0; transition:all 0.3s; }
.swiper_pro .swiper-slide:hover .img_box img.on,
.swiper_pro .swiper-slide.on .img_box img.on { opacity:1; transition:all 0.3s; }
.swiper_pro .swiper-slide .pro_txt01 { margin-top:20px; font-size:17px; font-weight:500; color:#383838; letter-spacing:-0.03em; text-align:center; }
.swiper_pro .swiper-slide .pro_txt02 { margin-top:10px; font-size:14px; color:#383838; letter-spacing:-0.03em; line-height:1.2; text-align:center; }
/* service section 09 - add_agency_area */
.c_sec09 { background:#FAFAFA; }
.c_sec09 .inner { padding:140px 0; flex-direction:column; }
.c_sec09 .inner .l_txt01 { font-size:44px; font-weight:500; color:#333; letter-spacing:-0.03em; }
.c_sec09 .inner .l_txt02 { margin-top:17px; font-size:30px; font-weight:300; color:#333; letter-spacing:-0.03em; line-height:40px; }
.add_agency_area { width:100%; margin-top:100px; }
.add_agency_area .add_card { width:100%; display:flex; justify-content:space-between; }
.add_agency_area .add_card li { display:flex; flex-direction:column; align-items:center; width:305px; height:330px; padding:52px 45px 0; border:1px solid #E8E8E8; border-radius:10px; box-sizing:border-box; text-align:center; background:#FFF; }
.add_agency_area .add_card li .add_txt01 { margin-top:34px; font-size:26px; font-weight:500; color:#212121; letter-spacing:-0.03em; }
.add_agency_area .add_card li .add_txt02 { margin-top:16px; font-size:16px; color:#212121; letter-spacing:-0.05em; line-height:1.4; word-break:keep-all; }
.add_agency_area .add_title { width:fit-content; margin:100px auto 0; padding:10px 29px; box-sizing:border-box; font-size:26px; font-weight:500; color:#FFF; letter-spacing:-0.03em; text-align:center; border-radius:25px; background:#022D81; }
.add_agency_area .add_step { display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; margin-top:40px; }
.add_agency_area .add_step li { width:220px; height:220px; margin-bottom:83px; margin-right:112px; position:relative; }
.add_agency_area .add_step li:after { display:block; width:30px; height:30px; content:''; position:absolute; top:95px; right:-80px; background:url('../../img/service/pro_arrow_b.png') center no-repeat; z-index:15; }
.add_agency_area .add_step li:nth-child(4n) { margin-right:0; }
.add_agency_area .add_step li:nth-child(4n):after { display:none; }
.add_agency_area .add_step li:nth-child(n+5):nth-child(n-8) { margin-bottom:0; }
.add_agency_area .add_step li .front { display:flex; flex-direction:column; align-items:center; width:100%; height:100%; padding-top:48px; box-sizing:border-box; background:#FFF; border-radius:50%; box-shadow:0 0 30px rgba(121, 121, 121, 16%); visibility:visible; opacity:1; z-index:10; transition:all 0.3s; }
.add_agency_area .add_step li .front .step_txt01_f { font-size:16px; font-weight:500; color:#022D81; letter-spacing:-0.03em; }
.add_agency_area .add_step li .front img { margin:13px auto 16px; }
.add_agency_area .add_step li .front .step_txt02_f { font-size:20px; font-weight:500; color:#383838; letter-spacing:-0.03em; }
.add_agency_area .add_step li .back { display:flex; flex-direction:column; align-items:center; width:100%; height:100%; padding:43px 35px 0; box-sizing:border-box; border-radius:50%; text-align:center; position:absolute; top:0; left:0; right:0; background:#022D81; visibility:hidden; opacity:0; z-index:1; transition:all 0.3s; }
.add_agency_area .add_step li .back .step_txt01 { font-size:16px; font-weight:500; color:#FFF; letter-spacing:-0.03em; }
.add_agency_area .add_step li .back .step_txt02 { margin:12px auto; font-size:20px; font-weight:500; color:#FFF; letter-spacing:-0.03em; }
.add_agency_area .add_step li .back .step_txt03 { font-size:16px; color:#FFF; letter-spacing:-0.03em; line-height:1.2; }
.add_agency_area .add_step li .back_bg { display:block; width:100%; height:100%; content:''; position:absolute; top:-50%; left:-50%; transform:translate(50%, 50%) scale(1.15); border-radius:50%; background:#C9D1E2; visibility:hidden; opacity:0; z-index:1; transition:all 0.3s; }
.add_agency_area .add_step li:hover .front { visibility:hidden; opacity:0; z-index:1; }
.add_agency_area .add_step li:hover .back { visibility:visible; opacity:1; z-index:10; transition:all 0.3s; }
.add_agency_area .add_step li:hover .back_bg { visibility:visible; opacity:1; z-index:9; transition:all 0.3s; }
@media all and (max-width:1024px) {
    .common_ban { height:240px; }
    .common_ban .inner { justify-content:flex-start; padding:50px 5% 20px; box-sizing:border-box; }
    .ban01 { width:96px; bottom:20px; right:20px; z-index:0; }
    .c_ban_txt01 { margin-bottom:10px; font-size:25px; line-height:1; position:relative; z-index:2; }
    .c_ban_txt02 { font-size:16px; line-height:1; position:relative; z-index:2; }
    .m_txt01 { margin-bottom:8px; font-size:22px; line-height:1.4; }
    .m_txt02 { font-size:15px; line-height:1.4; word-break:keep-all; }
    .c_sec01 .inner { padding:70px 0; }
    .c_sec01 .inner .m_txt01 { margin-bottom:0; font-size:22px; line-height:1; }
    .c_sec01 .inner .m_txt02 { margin-bottom:8px; font-size:15px; line-height:1; }
    .dif_system { margin-top:42px; padding:0 5%; box-sizing:border-box; }
    .dif_system li { width:calc(50% - 7px); height:178px; margin:6px 0; padding:19px 15px; }
    .dif_system li:nth-child(1) { margin-top:0; }
    .dif_system li:nth-child(2) { margin-top:0; }
    .dif_system li .dif_txt01 { font-size:15px; line-height:1.2; }
    .dif_system li .dif_txt02 { font-size:15px; line-height:1.2; }
    .dif_system li .dif_txt03 { font-size:13px; line-height:1.2; }
    .dif_system li img { height:56px; bottom:15px; }
    .dif_system li img:last-child { height:23px; right:15px; }
    .c_sec02 .inner { padding:70px 5%; box-sizing:border-box; }
    .tech_area { display:none; width:100%; margin-top:50px; }
    .mo_tech_area { display:block; width:100%; margin-top:50px; padding-bottom:50px; }
    .mo_tech_area div[class^='tech_list'] { width:100%; height:185px; margin:0 0 30px; padding:20px 0 0 15px; box-sizing:border-box; border-radius:20px; position:relative; }
    .mo_tech_area .tech_txt01 { margin-bottom:6px; font-size:18px; font-weight:500; color:#FFF; letter-spacing:-0.03em; }
    .mo_tech_area .tech_txt02 { font-size:13px; color:#FFF; line-height:1.4; letter-spacing:-0.03em; }
    .mo_tech_area .tech_list01 { background-size:cover; }
    .mo_tech_area .tech_list02 img { height:70px; position:absolute; right:15px; bottom:15px; }
    .mo_tech_area .tech_list03 img { height:70px; position:absolute; right:15px; bottom:15px; }
    .mo_tech_area .tech_list04 { background-size:cover; }
    .swiper_tech .swiper-pagination { display:flex; justify-content:center; align-items:center; bottom:0; opacity:1; }
    .swiper_tech .swiper-pagination-bullet { width:6px; height:6px; margin:0 3px; background:#9BA7B9; }
    .swiper_tech .swiper-pagination-bullet-active { width:8px; height:8px; background:#022D81; }
    .c_sec03 .inner { padding:70px 5%; box-sizing:border-box; }
    .process_area { margin-top:50px; }
    .process_step { flex-wrap:wrap; }
    .process_step li { width:calc(33.33% - 15px); height:93px; margin-bottom:15px; border-radius:10px; }
    .process_step li::after { right:-16px; }
    .process_step li:nth-child(3)::after { display:none; }
    .process_step li .step_txt01 { margin-top:10px; font-size:10px; line-height:1; }
    .process_step li .img_box { width:50px; height:50px; padding:10px 0; box-sizing:border-box; }
    .process_step li .img_box img { width:50%; }
    .process_step li .step_txt02 { margin-bottom:14px; font-size:13px; line-height:1; }
    .step_box { height:290px; margin-top:30px; padding:20px 0 0 15px; }
    .step_txt_box .txt_num { width:75px; height:20px; font-size:13px; line-height:1.2; }
    .step_txt_box p { margin-left:8px; font-size:18px; }
    .step_img ul { width:100%; margin:15px 0 0 -10px; }
    .step_img ul:after { top:30px; }
    .step_img ul li { width:25%; }
    .step_img ul li .img_box { width:62px; height:62px; }
    .step_img ul li .img_box img { height:41px; }
    .step_img ul li p { margin-top:10px; font-size:12px; line-height:1.4; }
    .step_side01 { height:85px; bottom:25px; right:15px; }
    .step_side02 { height:85px; bottom:25px; right:15px; }
    .step_side03 { height:85px; bottom:25px; right:15px; }
    .step_side04 { height:85px; bottom:25px; right:15px; }
    .step_side05 { height:85px; bottom:25px; right:15px; }
    .step_side06 { height:85px; bottom:25px; right:15px; }
    .c_sec04 .inner { padding:70px 5%; box-sizing:border-box; }
    .inquiry_btn { font-size:15px; }
    .compare_area { margin-top:50px; }
    .swiper_compare .swiper-slide { height:auto; }
    .swiper_compare .swiper-slide div[class*='box_'] { width:78%; margin:0 11%; padding:27px 19px; }
    .swiper_compare .swiper-slide div[class*='box_'] .com_icon { max-height:152px; }
    .swiper_compare .swiper-slide div[class*='box_'] .img_fixed { max-height:75px; }
    .swiper_compare .swiper-slide div[class*='box_'] .com_txt01 { margin-top:20px; font-size:18px; }
    .swiper_compare .swiper-slide div[class*='box_'] .com_txt02 { margin-top:5px; font-size:13px; }
    .swiper_compare .swiper-slide div[class*='box_'] ul { margin-top:15px; padding:20px 20px 0; }
    .swiper_compare .swiper-slide div[class*='box_'] ul li { margin-bottom:10px; font-size:13px; }
    .swiper_compare .swiper-slide .box_starter:hover { border:1px solid #3BA3FD; }
    .swiper_compare .swiper-slide .box_basic:hover { border:1px solid #022D81; }
    .swiper_compare .swiper-slide .box_premium:hover { border:1px solid #541191; }
    .swiper_compare .swiper-slide div.box_starter { border:1px solid #3BA3FD; }
    .swiper_compare .swiper-slide div.box_basic { border:1px solid #022D81; }
    .swiper_compare .swiper-slide div.box_premium { border:1px solid #541191; }
    .swiper_compare .swiper-slide .box_starter ul { list-style-image:url('../../img/service/cheek_starter_m.png') !important; }
    .swiper_compare .swiper-slide .box_basic ul { list-style-image:url('../../img/service/cheek_basic_m.png') !important; }
    .swiper_compare .swiper-slide .box_premium ul { list-style-image:url('../../img/service/cheek_premium_m.png') !important; }
    .swiper_compare .swiper-slide div.box_starter ul li span { color:#3BA3FD; }
    .swiper_compare .swiper-slide div.box_basic ul li span { color:#022D81; }
    .swiper_compare .swiper-slide div.box_premium ul li span { color:#541191; }
    .swiper_compare .swiper-button-prev.swiper-button-disabled,
    .swiper_compare .swiper-button-next.swiper-button-disabled { opacity:1; }
    .swiper_compare .swiper-button-prev,
    .swiper_compare .swiper-rtl .swiper-button-next { left:0; right:auto; }
    .swiper_compare .swiper-button-next,
    .swiper_compare .swiper-rtl .swiper-button-prev { left:auto; right:0; }
    .swiper_compare .swiper-button-prev,
    .swiper_compare .swiper-button-next { width:34px; height:34px; }
    .swiper_compare .swiper-button-prev img,
    .swiper_compare .swiper-button-next img { width:100%; }
    .swiper_compare .swiper-button-prev:after,
    .swiper_compare .swiper-button-next:after { display:none; }
    .c_sec05 .inner { padding:70px 5%; box-sizing:border-box; }
    .app_area { margin-top:50px; }
    .app_banner { height:140px; padding:0 0 0 25px; }
    .app_banner .app_txt01 { font-size:15px; }
    .app_banner .app_txt02 { margin-top:10px; font-size:19px; line-height:1.4; }
    .app_banner .app_img { display:none; }
    .app_banner .app_img_m { display:block; height:140px; position:absolute; right:0; pointer-events:none; }
    .app_show { margin-top:50px; padding-left:0; }
    .app_show .app_txt01 { padding-top:0; font-size:15px; font-weight:400; text-align:center; }
    .swiper_app { width:100%; height:520px; top:32px; left:0; }
    .swiper_app_img { width:100%; height:375px; padding:0; top:150px; overflow:visible; }
    .swiper_app .swiper-slide { width:100% !important; text-align:center; }
    .swiper_app_img .swiper-slide { width:210px !important; }
    .swiper_app .app_txt02 { font-size:20px; color:#383838; letter-spacing:-0.03em; line-height:1.4; }
    .swiper_app .swiper-button-prev,
    .swiper_app .swiper-button-next { width:30px; height:30px; top:auto; bottom:60px; }
    .swiper_app .swiper-button-prev img,
    .swiper_app .swiper-button-next img { width:100%; }
    .swiper_app .swiper-button-prev,
    .swiper-rtl .swiper-button-next { top:85px; left:calc(50% - 35px); }
    .swiper_app .swiper-button-next,
    .swiper-rtl .swiper-button-prev { top:85px; left:calc(50% + 15px); }
    .swiper_app .swiper-pagination-progressbar { width:50%; left:25%; }
    .c_sec06 .inner { padding:70px 5%; box-sizing:border-box; }
    .mo_space { display:block; }
    .contact_area { flex-wrap:wrap; justify-content:space-between; width:190px; gap:10px; margin:50px auto 30px; }
    .contact_area li { width:90px; height:90px; margin:0; padding:10px 5px; }
    .contact_area li img { max-height:30px; }
    .contact_area li .cont_txt { margin-top:6px; font-size:12px; }
    .cont_img img { width:100%; }
    .c_sec07 { max-height:237px; padding:0 15%; box-sizing:border-box; background-size:cover; }
    .c_sec07 .ban_txt01 { font-size:22px; line-height:1.2; word-break:keep-all; }
    .c_sec07 .ban_txt02 { margin-top:10px; font-size:15px; line-height:1.4; }
    .c_sec08 { padding-bottom:70px; }
    .c_sec08 .inner { padding:70px 5% 0; box-sizing:border-box; }
    .c_sec08 .inner .l_txt01 { font-size:22px; }
    .c_sec08 .inner .l_txt02 { margin-top:8px; font-size:15px; line-height:1.4; }
    .shop_area { margin-top:50px; }
    .shop_area .pc_sell { display:none; }
    .shop_area .mo_sell { display:block; }
    .shop_area .mo_sell .sell_shop { display:block; width:125px; height:125px; margin:0 auto; }
    .shop_area .mo_sell .sell_shop .hover_data { width:100%; height:100%; }
    .shop_area .mo_sell .sell_shop .hover_data img { max-height:34px; }
    .shop_area .mo_sell .sell_shop .hover_data .data_txt01 { margin-top:5px; font-size:16px; }
    .shop_area .mo_sell .main_cont { display:flex; flex-direction:column; justify-content:center; align-items:center; width:200px; height:200px; margin:25px auto; border-radius:50%; box-shadow:0 0 20px rgba(0, 0, 0, 16%); background:#FFF; position:relative; }
    .shop_area .mo_sell .main_cont img:first-child { max-height:82px; }
    .shop_area .mo_sell .main_cont img:last-child { max-height:20px; margin-top:8px; }
    .shop_area .mo_sell .main_cont:before { display:block; width:12px; height:62px; content:''; position:absolute; top:-40px; background:url('../../img/service/m_arrow_updawn.png') no-repeat center; background-size:cover; z-index:20; }
    .shop_area .mo_sell .main_cont:after { display:block; width:12px; height:62px; content:''; position:absolute; bottom:-40px; background:url('../../img/service/m_arrow_updawn.png') no-repeat center; background-size:cover; z-index:20; }
    .shop_area .mo_sell .send_shop { display:block; width:125px; height:125px; margin:0 auto; }
    .shop_area .mo_sell .send_shop .hover_data { width:100%; height:100%; }
    .shop_area .mo_sell .send_shop .hover_data img { max-height:34px; }
    .shop_area .mo_sell .send_shop .hover_data .data_txt01 { margin-top:5px; font-size:16px; }
    .shop_pro { margin-top:50px; }
    .shop_pro .shop_title { padding:6px 15px; font-size:16px; }
    .swiper_pro { width:90%; }
    .swiper_pro .swiper-wrapper { justify-content:flex-start; }
    .swiper_pro .swiper-slide { width:85px; }
    .swiper_pro .swiper-slide:after { top:35px; right:-30px; }
    .swiper_pro .swiper-slide .img_box { height:85px; }
    .swiper_pro .swiper-slide .img_box img { height:40px; }
    .swiper_pro .swiper-slide .pro_txt01 { font-size:15px; }
    .swiper_pro .swiper-slide .pro_txt02 { font-size:12px; }
    .c_sec09 .inner { padding:70px 5%; box-sizing:border-box; }
    .c_sec09 .inner .l_txt01 { font-size:22px; }
    .c_sec09 .inner .l_txt02 { margin-top:8px; font-size:15px; line-height:1.4; }
    .add_agency_area { margin-top:50px; }
    .add_agency_area .add_card { flex-wrap:wrap; }
    .add_agency_area .add_card li { width:calc(50% - 6px); height:auto; margin-bottom:12px; padding:25px 20px 20px; }
    .add_agency_area .add_card li img { max-height:50px; }
    .add_agency_area .add_card li .add_txt01 { margin-top:15px; font-size:17px; }
    .add_agency_area .add_card li .add_txt02 { margin-top:7px; font-size:13px; line-height:1.4; word-break:keep-all; }
    .add_agency_area .add_card li:nth-child(n-2):nth-child(n+3) { margin-bottom:0; }
    .add_agency_area .add_title { margin:50px auto 0; padding:6px 16px; font-size:16px; }
    .add_agency_area .add_step { flex-wrap:nowrap; height:160px; margin:0 auto; padding:40px 0 0 10px; overflow-x:scroll; }
    .add_agency_area .add_step li { width:120px; height:120px; margin:0 50px 0 0; }
    .add_agency_area .add_step li .front { width:120px; height:120px; padding-top:21px; }
    .add_agency_area .add_step li .front .step_txt01_f { font-size:12px; }
    .add_agency_area .add_step li .front img { max-height:30px; margin:7px auto; }
    .add_agency_area .add_step li .front .step_txt02_f { font-size:16px; }
    .add_agency_area .add_step li .back { width:120px; height:120px; padding:15px 15px 10px; }
    .add_agency_area .add_step li .back .step_txt01 { font-size:12px; }
    .add_agency_area .add_step li .back .step_txt02 { margin:6px auto; font-size:14px; }
    .add_agency_area .add_step li .back .step_txt03 { font-size:11px; }
    .add_agency_area .add_step li:after { width:20px; height:20px; top:calc(50% - 10px); right:-30px;background-size:cover; }
    .add_agency_area .add_step li:nth-child(4) { margin-right:50px; }
    .add_agency_area .add_step li:nth-child(4):after { display:block; }
    .add_agency_area .add_step li:last-child { margin-right:0; }
    /* 24.12.21 - Hyeok css 추가 */
    .c_sec02.pre02.renew { height:280px; padding:35px 20px !important; box-sizing:border-box; justify-content:flex-start; align-items:flex-start; text-align:left; }
    .c_sec03 .inner { padding:70px 5% 0; }
}