@charset "UTF-8";
/* 22.11.24 SDH */

/* 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; }

.step_box.type2 {padding-right:60px;padding-bottom: 5px;height: auto;}
.step_box.type2 .step_txt_box .txt_num {background: #0089F7;}
.step_box.type2 .step_img ul {width: 100%;max-width: 1000px;justify-content: center;margin: 70px auto 40px auto;}
.step_box.type2 .step_img ul:after {display: none;}
.step_box.type2 .step_img ul .right_arrow {position:relative;width: 70px;}
.step_box.type2 .step_img ul .right_arrow:before {content: '>';display: block;clear: both;position: absolute;top: 50%;left: 50%;color: #0089F7;font-weight: 500;font-size: 18px;transform: translate(-50%, -50%) scaleX(1.8);margin-top: -2rem;}
.step_box.type2 .step_img ul li {width: 360px;}
.step_box.type2 .step_img ul li p {font-size: 16px;line-height:24px;}
.step_box.type2 .step_img ul li .img_box {background: none;height:180px;}

/* 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; }

#content .common_ban .inner .ban01 { bottom: 0; left: 632px;}
#content .common_ban .inner .ban01.cold-type { bottom: 0; left: 850px;}

/* 서비스 > 냉장/냉동 */
.cold-inner-img {display:inline-block;}
.cold-inner-img img {width:270px;margin:-2rem -2rem -2.7rem;}
.cold_infobox {font-size:20px;line-height:24px;padding:50px 0;}
.cold_infobox .group {display: flex;justify-content: space-between;padding:30px 0;align-items: center;gap:96px}
.cold_infobox .group > div {flex:1;}
.cold_infobox .group > div:first-child {width:52%;}
.cold_infobox .group p ~ p {padding-top:8px;}
.cold_infobox .group.type2 {flex-direction: row-reverse;}
.cold_infobox .group.type2 > div:nth-child(2) {padding-left:20px;}
.cold_infobox .in_img {display:block;}
.cold_infobox .in_img img {max-width:100%;}
.cold_infobox .tit {font-size:30px;padding:0 0 36px;line-height:1.2;letter-spacing:-1px;font-weight: 500;}

.c_sec02 .inner.cold-banner01 {padding: 35px 0;}
.cold-banner01 .group {display: flex;justify-content: space-between;align-items: center;width:100%;gap:20px;}
.cold-banner01 .group > div {text-align:right;}
.cold-banner01 .group > div:first-child {width:52%;}
.cold-banner01 .group > div:first-child .m_txt01 {text-align:left;}

.cold-infobox01 {display: flex;justify-content: space-between;width:100%;gap:20px;font-size:20px;line-height:24px;margin-top:80px;}
.cold-infobox01 img {max-width:100%;}
.cold-infobox01 > div {flex:1;text-align: center;}
.cold-infobox01 .tit {font-size:30px;line-height: 1.2;padding:48px 0 20px;font-weight:500;}
.cold-infobox01.swiper_cold_chain {display:none;font-size:13px;line-height:1.4;padding-bottom:2rem;}
.cold-infobox01.swiper_cold_chain .tit {font-size:18px;padding:1rem 0 0.5rem;}
.cold-infobox01.swiper_cold_chain .swiper-pagination {display:flex;justify-content:center;align-items:center;bottom:0;opacity:1;}

.cold-infobox02 {position:relative;margin-top:90px;width:100%;}
.cold-infobox02 .swiper_cold_infobox02 {width:1280px;height:548px;padding:0;}
.cold-infobox02 .infobox_slide_inner {position:absolute;left:0;top:0;right:0;bottom:0;}
.cold-infobox02 .infobox_slide_inner .contbox {position: absolute;top: 0;right: 0;left: 0;bottom: 0;z-index:10;}
.cold-infobox02 .infobox_slide_inner .contbox .intxt {display: flex;justify-content: center;align-items: flex-start;flex-direction: column;height: 100%;padding: 0 0 0 140px;font-size:20px;color:#fff;}
.cold-infobox02 .infobox_slide_inner .contbox .intxt .tit ~ p {padding-top:17px;}
.cold-infobox02 .infobox_slide_inner .contbox .tit {font-size:28px;padding-bottom:15px;line-height:1.2;font-weight:500;}
.cold-infobox02 .infobox_slide_inner .contbox .tit b {font-size:36px;}
.cold-infobox02 .m_swiper_custom_btn {display:none;text-align:center;padding:0 0 1.5rem;}
.cold-infobox02 .m_swiper_custom_btn span {display:inline-block;margin:0 0.25rem;}
.cold-infobox02 .m_swiper_custom_btn span img {width:34px;}


.cold-infobox03 ul {display:flex;flex-wrap: wrap;justify-content: space-between;align-items: center;width:100%;gap:30px;font-size:16px;line-height:24px;margin-top:80px;}
.cold-infobox03 ul li {position:relative;flex: 1 1 calc(33.333% - 30px);display: flex;align-items: flex-end;height:320px;justify-content: flex-start;color:#0089F7;background:#fff;border: 1px solid #0089F7;border-radius: 20px;}
.cold-infobox03 ul li:nth-child(odd) {color:#fff;background:#0089F7;}
.cold-infobox03 ul li:after {content:'';display:block;clear:both;position:absolute;top:0;right:0;bottom:0;left:0;background-repeat: no-repeat;}
.cold-infobox03 ul li:nth-child(1):after {background-image:url('../../img/newkeep/service/cold-infobox03_img01.png');background-position:right 20px top 10px;background-size:124px auto;}
.cold-infobox03 ul li:nth-child(2):after {background-image:url('../../img/newkeep/service/cold-infobox03_img02.png');background-position:right 30px top 20px;background-size:124px auto;}
.cold-infobox03 ul li:nth-child(3):after {background-image:url('../../img/newkeep/service/cold-infobox03_img03.png');background-position:right 20px top 47px;background-size:134px auto;}
.cold-infobox03 ul li:nth-child(4):after {background-image:url('../../img/newkeep/service/cold-infobox03_img04.png');background-position:right 20px top 10px;background-size:136px auto;}
.cold-infobox03 ul li:nth-child(5):after {background-image:url('../../img/newkeep/service/cold-infobox03_img05.png');background-position:right 10px top 0;background-size:200px auto;}
.cold-infobox03 ul li:nth-child(6):after {background-image:url('../../img/newkeep/service/cold-infobox03_img06.png');background-position:right 25px top 22px;background-size:124px auto;}
.cold-infobox03 ul li > div {padding:28px 40px 28px 28px;}
.cold-infobox03 ul li .tit {font-size:28px;font-weight:500;line-height:1.2;padding:0 0 20px;position: relative;z-index: 1;}
.cold-infobox03 ul li .tit ~ p {padding-top:15px;}
.cold-infobox03 ul li .pro_type {padding-bottom:2.5rem;}

.cold-infobox04 {width:100%;padding: 90px 0 0 0;}
.cold-infobox04 .cold-tab {position:relative;margin: 0 -5rem 7rem -5rem;}
.cold-infobox04 .cold-tab:before {content:'';display:block;clear:both;position:absolute;left:-100%;top:50%;right:-100%;height:3px;margin-top:-2px;background:#0089F7;}
.cold-infobox04 .cold-tab ul {display: flex;justify-content: space-between;width:100%;}
.cold-infobox04 .cold-tab ul li {position:relative;flex:1;text-align:center;height: 90px;}
.cold-infobox04 .cold-tab ul li:before {content: '>';display: block;clear: both;position: absolute;top: 50%;right: 0%;color: #0089F7;font-weight: 500;font-size: 18px;transform: translateY(-50%) scaleX(1.8);}
.cold-infobox04 .cold-tab ul li:last-child:before {display:none;}
.cold-infobox04 .cold-tab ul li .group {font-size: 14px;cursor: pointer;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.cold-infobox04 .cold-tab ul li .group .g_number {display:none;}
.cold-infobox04 .cold-tab ul li .tit {font-size:20px;}
.cold-infobox04 .cold-tab ul li .g-dot {position: relative;display: block;height: 30px;margin: 16px 0 20px 0;}
.cold-infobox04 .cold-tab ul li .g-dot:before,
.cold-infobox04 .cold-tab ul li .g-dot:after {content:'';display:block;clear:both;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
.cold-infobox04 .cold-tab ul li .g-dot:before {width:30px;height:30px;background-color:#fff;border:2px solid #0089F7;border-radius:50%;}
.cold-infobox04 .cold-tab ul li .g-dot:after {width:28px;height:28px;background-color:#fff;border-radius:50%;}
.cold-infobox04 .cold-tab ul li .group.on .g-dot:after {background-color:#0089F7;}
.cold-infobox04 .cold-infobox04-m {display:none;}

.cold-infobox05 {font-size:20px;line-height:24px;margin-top:80px;}
.cold-infobox05 ul {display:flex;flex-wrap: wrap;justify-content: space-between;align-items: center;width:100%;gap:40px;}
.cold-infobox05 ul li {flex: 1 1 calc(50% - 40px);height:310px;background:#F9FAFB;text-align:center;border-radius: 20px;overflow:hidden;}
.cold-infobox05 ul li .g-img img {max-width:100%;}
.cold-infobox05 ul li .tit {font-size:28px;padding:35px 0 10px;font-weight:500;}

.inner {word-break: keep-all;}

/* swiper custom button */
.custom-button-prev,
.custom-button-next {display:inline-block;width:60px;height:60px;position:absolute;top:50%;transform:translateY(-50%);z-index:20;cursor:pointer;}
.custom-button-prev {left:40px;}
.custom-button-next {right:40px;}
.custom-button-prev:before,
.custom-button-next:before {content:'';display:block;clear:both;height:100%;background-repeat: no-repeat;background-position: center;background-size:cover;}
.custom-button-prev:before {background-image:url('../../img/newkeep/service/custom-button-prev.png');}
.custom-button-next:before {background-image:url('../../img/newkeep/service/custom-button-next.png');}
.custom-button-prev.blue_type:before,
.custom-button-next.blue_type:before {color:#0089F7;font-weight:500;font-size:18px;transform:translate(-50%, -50%) scaleX(1.8);width: 8px;height: 18px;position:absolute;left:50%;top:50%;}
.custom-button-prev.blue_type:before {content:'<';background-image:none;}
.custom-button-next.blue_type:before {content:'>';background-image:none;}

@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; }

	/* 냉장/냉동 */
	.cold_infobox {font-size: 16px;padding-bottom: 0;}
	.cold-inner-img img {width: 140px;margin: -1rem -1rem -1.5rem;}
	.cold_infobox .group {align-items: self-start;padding: 0% 0 10% 0;gap: 5%;}
	.cold_infobox .group:last-child {padding-bottom:0;}
	.cold_infobox .tit {font-size: 22px;padding: 0 0 1rem;}

	.c_sec02 .inner.cold-banner01 {padding: 70px 5%;}
	.cold-banner01 .group > div:last-child {width: 40%;}
	.cold-banner01 .group > div:last-child img {max-width:100%;}

	.cold-infobox01 {font-size: 16px;margin-top:5%;}
	.cold-infobox01 .tit {font-size: 22px;padding: 5% 0 5%;}
	.swiper_cold_infobox .swiper-pagination { display:flex; justify-content:center; align-items:center; bottom:0; opacity:1; }
	.swiper_cold_infobox .swiper-pagination-bullet { width:6px; height:6px; margin:0 3px; background:#9BA7B9; }
	.swiper_cold_infobox .swiper-pagination-bullet-active { width:8px; height:8px; background:#022D81; }

	.cold-infobox02 {margin-top: 5%;width: 100%;}
	.cold-infobox02 .swiper_cold_infobox02 {width: 100%;height: 68vw;}
	.cold-infobox02 .infobox_slide_inner {border-radius: 10px;overflow: hidden;}
	.cold-infobox02 .infobox_slide_inner img {max-width: 100%;height: 70vw;width: auto;object-fit: cover;}
	.cold-infobox02 .infobox_slide_inner .contbox .intxt {font-size: 16px;padding: 0 6rem;}
	.cold-infobox02 .infobox_slide_inner .contbox .tit {font-size: 22px;}

	.cold-infobox03 ul {gap: 15px;margin-top: 5%;}
	.cold-infobox03 ul li {flex: 1 1 calc(33.333% - 15px);}
	.cold-infobox03 ul li .tit {font-size: 20px;}
	.cold-infobox03 ul li:nth-child(1):after,
	.cold-infobox03 ul li:nth-child(2):after,
	.cold-infobox03 ul li:nth-child(3):after,
	.cold-infobox03 ul li:nth-child(4):after,
	.cold-infobox03 ul li:nth-child(5):after,
	.cold-infobox03 ul li:nth-child(6):after{background-size:30% auto;}
	.cold-infobox03 ul li > div {padding: 1rem;}

	.cold-infobox04 {padding: 5% 0 0 0;}
	.cold-infobox04 .cold-tab {margin: 0 0 5rem 0;}
	.cold-infobox04 .cold-tab ul li .group {font-size: 13px;}
	.cold-infobox04 .cold-tab ul li .tit {font-size: 16px;padding:0 0.5rem}

	.cold-infobox04 .step_box.type2 {padding-right: 15px;}
	.cold-infobox04 .step_img ul li .img_box img {height: 130px;}
	.step_box.type2 .step_img ul {margin: 1rem auto 2rem auto;}

	.cold-infobox05 {margin-top: 5%;font-size: 16px;}
	.cold-infobox05 ul {gap: 1rem;}
	.cold-infobox05 ul li {flex: 1 1 calc(50% - 1rem);height: 210px;}
	.cold-infobox05 ul li .tit {font-size: 22px;padding: 1rem 0 0.5rem;}

	#content .common_ban .inner .ban01.cold-type {left: auto;right:0;width:50%;}

	/* custom swiper button */
	.custom-button-prev, .custom-button-next {width: 40px;height: 40px;}
}

@media all and (max-width: 768px) {
	/* 냉장/냉동 */
	.cold_infobox .group {flex-direction: column;}
	.cold_infobox .group > div:first-child {width: 100%;}
	.cold_infobox .group.type2 > div:nth-child(2) {padding-left: 0;}
	.cold_infobox .group.type2 {flex-direction: column;}
	.cold_infobox .tit {font-size:18px;padding:0.8rem 0 0.5rem 0;}
	.cold_infobox .group > div {width:100%;text-align:center;}
	.cold_infobox .group p ~ p {padding-top:0;font-size:13px;line-height:1.4;}

	.cold-infobox01 {display:none;flex-direction: column;}
	.cold-infobox01 > div {padding-bottom: 2rem;}
	.cold-infobox01.swiper_cold_chain {display:flex;}

	.c_sec02 .inner.cold-banner01 {padding: 70px 5%;}
	.cold-banner01 .group {flex-direction: column;}
	.cold-banner01 .group > div:first-child {width:100%;}
	.cold-banner01 .group > div:first-child .m_txt01 {text-align:center;}
	.cold-banner01 .group > div:last-child {width:100%;padding-top:0.5rem;text-align:center;}
	.cold-banner01 .group > div:last-child img {max-width:70%;}

	.cold-infobox02 {margin-top:2%;}
	.cold-infobox02 .swiper_cold_infobox02 {height:78vw;}
	.cold-infobox02 .infobox_slide_inner .contbox .intxt {padding:2rem 1.5rem;font-size: 13px;justify-content:flex-start;}
	.cold-infobox02 .infobox_slide_inner .contbox .tit {font-size: 18px;padding-bottom: 0;}
	.cold-infobox02 .infobox_slide_inner .contbox .tit b {font-size: 22px;}
	.cold-infobox02 .infobox_slide_inner .contbox .intxt .tit ~ p {padding-top: 8px;line-height: 1.2;}
	.cold-infobox02 .infobox_slide_inner img {height:80vw;}
	.cold-infobox02 .swiper .custom-button-prev,
	.cold-infobox02 .swiper .custom-button-next {display:none;}
	.cold-infobox02 .m_swiper_custom_btn {display:block;}

	.cold-infobox03 {width:100%;}
	.cold-infobox03 ul {flex-direction: column;}
	.cold-infobox03 ul li {flex: 1;height: 280px;width:100%;text-align:center;}
	.cold-infobox03 ul li .tit {font-size:15px;padding:0;}
	.cold-infobox03 ul li .tit ~ p {padding-top: 5px;font-size: 13px;}
	.cold-infobox03 ul li:nth-child(1):after,
	.cold-infobox03 ul li:nth-child(2):after,
	.cold-infobox03 ul li:nth-child(3):after,
	.cold-infobox03 ul li:nth-child(4):after,
	.cold-infobox03 ul li:nth-child(5):after,
	.cold-infobox03 ul li:nth-child(6):after {
		background-size: 60px auto;
		background-position: center top 10px;
	}

	.cold-infobox03 ul li:nth-child(1):after {background-size:74px auto;}
	.cold-infobox03 ul li:nth-child(2):after {background-size:64px auto;}
	.cold-infobox03 ul li:nth-child(3):after {background-size:110px auto;}
	.cold-infobox03 ul li:nth-child(4):after {background-size:66px auto;}
	.cold-infobox03 ul li:nth-child(5):after {background-size:110px auto;background-position:center top 0;}
	.cold-infobox03 ul li:nth-child(6):after {background-size:90px auto;}

	.cold-infobox03 ul li .pro_type {padding-bottom:0;}
	.cold-infobox03 ul li > div {padding:6rem 1rem 1rem 1rem;width:100%;line-height:1.4;}

	.cold-infobox04 .cold-tab {margin:1rem 0 1rem 0;}
	.cold-infobox04 .cold-tab:before {display:none;}
	.cold-infobox04 .cold-tab ul {flex-wrap:wrap;gap:0.8rem 1rem;}
	.cold-infobox04 .cold-tab ul li {height:auto;flex:0 0 calc(50% - 0.5rem);line-height:28px;}
	.cold-infobox04 .cold-tab ul li .group {font-size:12px;position:relative;color:#A4A4A4;background-color:#fff;border-radius:1rem;}
	.cold-infobox04 .cold-tab ul li .group.on {color:#fff;background-color:#0289F7;}
	.cold-infobox04 .cold-tab ul li .group .g_number {display:inline-block;}
	.cold-infobox04 .cold-tab ul li:before,
	.cold-infobox04 .cold-tab ul li .group .g_step,
	.cold-infobox04 .cold-tab ul li .group .right-arrow {display:none;}
	.cold-infobox04 .cold-tab ul li .tit {font-size: 12px;}
	.cold-infobox04 .step_img ul li .img_box img {height: 140px;}
	.step_box.type2 .step_img ul li .img_box {height: 110px;}
	.step_box.type2 .step_img ul li p {font-size: 14px;line-height:1.4;}
	.cold-infobox04 .cold-infobox04-pc {display:none;}
	.cold-infobox04 .cold-infobox04-m {display:block;}
	.cold-infobox04 .step_box .swiper-pagination-bullets.swiper-pagination-horizontal {bottom:-1.5rem;}
	.step_txt_box .txt_num {width:65px;font-size:12px;}
	.step_txt_box p {font-size:16px;line-height:1.3;}

	.cold-infobox05 {font-size: 13px;}
	.cold-infobox05 ul {flex-direction: column;}
	.cold-infobox05 ul li {flex: 1;}
	.cold-infobox05 ul li .tit {font-size: 15px;padding: 0.5rem 0 0;}
	.cold-infobox05 ul li p:last-child {padding-bottom:1rem;}

	/* custrom swiper button */
	.custom-button-prev {left: 10px;}
	.custom-button-next {right: 10px;}
	.custom-button-prev.blue_type {left:0;}
	.custom-button-next.blue_type {right:0;}
	.custom-button-prev.blue_type.swiper-button-disabled,
	.custom-button-next.blue_type.swiper-button-disabled {display:none;}
}

@media all and (max-width: 360px) {
	.cold-infobox04 .cold-tab ul li .tit {font-size:3vw;}
}