@charset "UTF-8";
/* 24.11.22 tgkim */
/* 24.12.15 Hyeok */

/* newkeep add CSS */
.common_ban.renew { background: #f4f4f4; }
.c_ban_txt01.renew, .c_ban_txt02.renew { color: #121212; }
.c_sec07.renew { 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_sec01.renew { background: #f4f4f4; }
.c_sec03.renew { background:#fff !important; }
.c_sec04.renew { background: #fff !important; }
.c_sec05.renew { background: #fff !important; }
.c_sec09 { background:#fff; }
.c_sec09 .inner { padding:140px 0; align-items:center; flex-direction:column; }
.c_sec09 .inner img { margin-top:100px; }


/* solution section 01 - fbw_area */
.c_sec01 { background:#fff; }
.c_sec01 .inner { padding:140px 0; align-items:center; flex-direction:column; }
.fbw_area { display:flex; flex-wrap:wrap; justify-content:space-evenly; width:100%; margin-top:100px; }
.fbw_area li { width:390px; height:260px; margin:10px 0; padding:30px 27px; box-sizing:border-box; border-radius:20px; box-shadow:0 0 20px rgba(0,0,0,10%); background:#FFF; position:relative; }
.fbw_area li .fbw_txt01 { margin-top:94px; margin-bottom:10px; font-size:26px; font-weight:500; color:#000000; letter-spacing:-0.03em; line-height:29px; }
.fbw_area li .fbw_txt02 { font-size:16px; color:#505967; letter-spacing:-0.03em; line-height:24px; }
.fbw_area li img { position:absolute; top:30px; left:30px; }

.fbw_sol { display:none; }

/* solution section 02 - fbw_fun */
.c_sec02 .inner { padding:140px 0; align-items:center; flex-direction:column; }
.fbw_fun { width:100%; margin-top:100px; }
.swiper_fbw { width:100%; position:relative; }
.swiper_fbw .swiper-wrapper { position:relative; z-index:2; }
.swiper_fbw .swiper-wrapper .dotted_line { width:calc(100% - 50px); height:1px; border-bottom:2px dotted #9BA7B9; position:absolute; top:45px; left:10px; z-index:0; }
.swiper_fbw .swiper-slide { display:flex; flex-direction:column; align-items:center; z-index:2; cursor:pointer; }
.swiper_fbw .swiper-slide .img_box { width:90px; height:90px; border-radius:10px; border:1px solid #DADEE3; box-sizing:border-box; position:relative; background:#FFF; }
.swiper_fbw .swiper-slide .img_box img { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.swiper_fbw .swiper-slide .img_box .off { opacity:1; transition:all 0.3s; }
.swiper_fbw .swiper-slide .img_box .on { opacity:0; transition:all 0.3s; }
.swiper_fbw .swiper-slide .fun_txt01 { margin-top:16px; font-size:20px; color:#505967; letter-spacing:-0.03em; text-align:center; }
.swiper_fbw .swiper-slide.on .img_box,
.swiper_fbw .swiper-slide:hover .img_box { border:1px solid #5A75FF; background:#5A75FF; transition:all 0.3s; }
.swiper_fbw .swiper-slide.on .img_box .off,
.swiper_fbw .swiper-slide:hover .img_box .off { opacity:0; transition:all 0.3s; }
.swiper_fbw .swiper-slide.on .img_box .on,
.swiper_fbw .swiper-slide:hover .img_box .on { opacity:1; transition:all 0.3s; }
.swiper_fbw .swiper-slide.on .fun_txt01,
.swiper_fbw .swiper-slide:hover .fun_txt01 { font-weight:500; color:#5A75FF; transition:all 0.3s; }

.swiper_capture { width:100%; height:auto; margin-top:50px; padding-bottom:60px; border-radius:10px; box-sizing:border-box; position:relative; }
.swiper_capture .swiper-slide div.cap { width:100%; height:650px; position:relative; background:#F9FAFB; }
.swiper_capture .swiper-slide div.cap div[class*="pop_icon"] { display:flex; justify-content:center; align-items:center; width:100px; height:100px; border-radius:10px; box-sizing:border-box; background:#FFF; box-shadow:0 0 20px rgba(0,0,0,10%); position:absolute; }
.swiper_capture .swiper-slide div.cap .pop_icon01 { top:82px; right:270px; z-index:5; }
.swiper_capture .swiper-slide div.cap .pop_icon02 { bottom:152px; left:30px; z-index:5; }
.swiper_capture .swiper-slide div.cap .pop_icon01 img { max-height:60px; }
.swiper_capture .swiper-slide div.cap .pop_icon02 img { max-height:60px; }
.swiper_capture .swiper-slide div.cap:after { display:block; width:117px; height:122px; content:''; position:absolute; top:251px; right:217px; background:url('../../img/solution/capture_line.png') no-repeat; z-index:10; }
.swiper_capture .swiper-slide .bg_img { width:879px; height:524px; position:absolute; top:50px; left:81px; }
.swiper_capture .swiper-slide .cap_cont { width:360px; height:211px; border-radius:10px; box-sizing:border-box; position:absolute; bottom:66px; right:37px; z-index:100; background:#FFF; box-shadow:0 0 20px rgba(0,0,0,16%); }
.swiper_capture .swiper-slide .cap_cont .cap_txt01 { width:100%; height:50px; padding-left:25px; font-size:20px; font-weight:500; color:#FFF; letter-spacing:-0.03em; line-height:50px; border-radius:10px 10px 0 0; box-sizing:border-box; background:#5A75FF; }
.swiper_capture .swiper-slide .cap_cont .cap_txt02 { margin:20px auto; padding-left:25px; font-size:20px; color:#505967; letter-spacing:-0.03em; line-height:1.4; word-break:keep-all; }
.swiper_capture .swiper-slide .cap_cont .hash_box { display:flex; padding:0 25px; gap:0 8px; box-sizing:border-box; }
.swiper_capture .swiper-slide .cap_cont .hash_txt { padding:10px; box-sizing:border-box; border-radius:5px; font-size:16px; color:#5A75FF; letter-spacing:-0.03em; background:rgba(90,117,255,10%); }

.swiper_capture .swiper-button-prev,
.swiper_capture .swiper-button-next { width:28px; height:15px; top:auto; bottom:3px; }
.swiper_capture .swiper-button-prev img,
.swiper_capture .swiper-button-next img { width:100%; }
.swiper_capture .swiper-button-prev { left:calc(50% - 95px); }
.swiper_capture .swiper-button-next { right:calc(50% - 95px); }

.swiper_capture .swiper-pagination { width:fit-content; font-size:20px; font-weight:700; color:#505967; letter-spacing:-0.03em; top:auto; left:50%; bottom:0; transform:translateX(-50%); }
.swiper_capture .swiper-pagination span.swiper-pagination-current { color:#5A75FF; }

.swiper_capture .swiper-slide div[class*="pop_icon"],
.swiper_capture .swiper-slide div[class*='cap_cont0'],
.swiper_capture .swiper-slide div.cap:after { opacity:0; transform:scale(0); transition:all 1s; }
.swiper_capture .swiper-slide-active div[class*="pop_icon"],
.swiper_capture .swiper-slide-active div[class*='cap_cont0'],
.swiper_capture .swiper-slide-active div.cap:after { opacity:1; transform:scale(1); transition:all 1s; }

/* solution section 03 - sol_area */
.c_sec03 { background:#fff; }
.c_sec03 .inner { padding:140px 0; align-items:center; flex-direction:column; }
.c_sec03 .inner .m_txt02 { margin:0 0 10px; line-height:1.4; }
.sol_area { display:flex; justify-content:space-between; align-items:center; width:100%; margin-top:58px; }
.sol_area ul { width:670px; height:660px; position:relative; }
.sol_area .fix_cont { display:flex; flex-direction:column; justify-content:center; align-items:center; width:220px; height:220px; border-radius:50%; background:#022D81; position:absolute; top:calc(50% - 110px); left:calc(50% - 110px); z-index:10; }
.sol_area li.step_cont { display:flex; flex-direction:column; justify-content:center; align-items:center; width:134px; height:134px; border-radius:50%; background:#FFF; box-shadow:0 0 20px rgba(0,0,0,10%); position:absolute; z-index:10; transition:all 0.3s; }
.sol_area li.step_cont.on,
.sol_area li.step_cont:hover { background:#022D81; transition:all 0.3s; }
.sol_area li.step_cont.on .step_txt02,
.sol_area li.step_cont:hover .step_txt02 { margin-top:12px; color:#FFF; transition:all 0.3s; }
.sol_area li.step_cont a { display:flex; flex-direction:column; justify-content:center; align-items:center; }
.sol_area li.step_cont .step_txt02 { margin-top:12px; color:#292929; }
.sol_area li.step_cont .img_box { width:48px; height:48px; position:relative;  }
.sol_area li.step_cont .img_box img.base { position:absolute; top:0; left:0; opacity:1; transition:all 0.3s; }
.sol_area li.step_cont .img_box img.on { position:absolute; top:0; left:0; opacity:0; transition:all 0.3s; }
.sol_area li.step_cont.on .img_box img.base,
.sol_area li.step_cont:hover .img_box img.base { opacity:0; transition:all 0.3s; }
.sol_area li.step_cont.on .img_box img.on,
.sol_area li.step_cont:hover .img_box img.on { opacity:1; transition:all 0.3s; }
.sol_area li.step_cont:nth-child(1) { top:0; left:calc(50% - 67px); }
.sol_area li.step_cont:nth-child(2) { top:82px; right:78px; }
.sol_area li.step_cont:nth-child(3) { top:263px; right:0; }
.sol_area li.step_cont:nth-child(4) { bottom:95px; right:78px; }
.sol_area li.step_cont:nth-child(5) { bottom:0; left:calc(50% - 67px); }
.sol_area li.step_cont:nth-child(6) { bottom:95px; left:77px; }
.sol_area li.step_cont:nth-child(7) { top:263px; left:0; }
.sol_area li.step_cont:nth-child(8) { top:82px; left:77px; }
.step_txt01 { font-size:47px; font-weight:700; color:#FFF; letter-spacing:-0.03em; }
.step_txt02 { font-size:16px; color:#FFF; letter-spacing:-0.03em; }
.bg01 { position:absolute; top:calc(50% - 250px); left:calc(50% - 250px); z-index:1; }
.bg01 img.pc { display:block; }
.bg01 img.mo { display:none; }
.sol_txt_area { display:none; width:450px; }
.sol_txt_area.on { display:block; }
.sol_txt_area .sol_txt01 { font-size:30px; font-weight:500; color:#022D81; letter-spacing:-0.03em; }
.sol_txt_area .sol_txt02 { margin-top:16px; font-size:26px; color:#292929; letter-spacing:-0.03em; line-height:36px; }
.sol_txt_area .hash_area { margin-top:30px; }
.sol_txt_area .sol_hash { display:inline-block; margin:0 5px 14px 5px; padding:10px 14px; box-sizing:border-box; font-size:20px; color:#022D81; letter-spacing:-0.03em; text-align:center; background:rgba(2,45,129,10%); border-radius:5px; }

/* solution section 04 - fas_area */
.c_sec04 .inner { padding:140px 0; align-items:center; flex-direction:column; }
.fas_area { width:100%; }
.fas_tab { width:966px; height:316px; margin:115px auto 0; padding:35px 40px; border:1px solid #3BA3FD; border-radius:158px; box-sizing:border-box; background:#EBF6FF; position:relative; }
.fas_tab:after { display:block; width:108px; height:39px; font-size:23px; font-weight:500; color:#FFF;letter-spacing:-0.03em; line-height:39px; text-align:center; border-radius:32px; clear:both; content:'FAS'; background:#3BA3FD; position:absolute; top:-19px; left:calc(50% - 54px); }
.fas_tab li { display:flex; flex-direction:column; justify-content:center; align-items:center; width:247px; height:247px; border:2px dotted #9BA7B9; border-radius:50%; box-sizing:border-box; background:rgba(255,255,255,0.7); position:absolute; top:calc(50% - 123px); z-index:3; transition:all 0.3s; }
.fas_tab li.on { border:0; background:#3BA3FD; z-index:10; transition:all 0.3s; }
.fas_tab li:nth-child(1) { left:40px; }
.fas_tab li:nth-child(2) { left:256px; }
.fas_tab li:nth-child(3) { right:253px; }
.fas_tab li:nth-child(4) { right:40px; }
.fas_tab .img_box { height:75px; margin:0 auto; text-align:center; position:relative; }
.fas_tab .img_box img.base { position:absolute; top:50%; left:50%; opacity:1; transform:translate(-50%,-50%); transition:all 0.3s; }
.fas_tab .img_box img.on { position:absolute; top:50%; left:50%; opacity:0; transform:translate(-50%,-50%); transition:all 0.3s; }
.fas_tab .fas_title { margin-top:20px; font-size:20px; color:#505967; letter-spacing:-0.03em; transition:all 0.3s; }
.fas_tab li.on .img_box img.base { opacity:0; transition:all 0.3s; }
.fas_tab li.on .img_box img.on { opacity:1; transition:all 0.3s; }
.fas_tab li.on .fas_title { font-weight:700; color:#FFF; transition:all 0.3s; }
.fas_cont_area { display:none; margin-top:60px; }
.fas_cont_area.on { display:block; }
.fas_cont_area ul { display:flex; justify-content:center; align-items:center; width:100%; }
.fas_cont_area ul li { width:310px; height:220px; padding:30px 20px; border-right:1px solid #DADEE3; box-sizing:border-box; }
.fas_cont_area ul li:last-child { border-right:0; }
.fas_cont_area ul li .fas_txt01 { font-size:20px; font-weight:500; color:#292929; letter-spacing:-0.03em; }
.fas_cont_area ul li .fas_txt02 { margin-top:8px; font-size:20px; color:#9BA7B9; letter-spacing:-0.03em; }
.fas_cont_area ul li .fas_txt03 { margin-top:20px; font-size:20px; color:#505967; letter-spacing:-0.03em; line-height:1.4; word-break:keep-all; }

/* solution section 05 - shop_area */
.c_sec05 { background:#FAFAFA; }
.c_sec05 .inner { padding:140px 0; align-items:center; flex-direction:column; position:relative; }
.shop_area { width:100%; margin:100px auto 0; }
.shop_area ul { 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,
.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 .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 .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 #022D81; border-radius:50%; box-sizing:border-box; background:#F4F7FF; 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 .main_cont p:first-child { font-size:45px; font-weight:700; color:#022D81; letter-spacing:-0.03em; }
.shop_area ul .shop_center .main_cont p:not(:first-child) { margin-top:5px; font-size:16px; color:#022D81; letter-spacing:-0.03em; }
.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:#022D81; 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_shop { 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%; }
.pc_shop_list { display:flex; flex-direction:column; width:100%; height:240px; margin:80px auto 0; padding:30px; box-sizing:border-box; border-radius:20px; background:#FFF; position:relative; }
.pc_shop_list .list_txt { font-size:16px; color:#505868; letter-spacing:-0.03em; }
.pc_shop_list .top_box { display:flex; width:100%; gap:0 63px; }
.pc_shop_list .top_box img.pc { max-height:74px; }
.pc_shop_list .top_box img.mo { display:none; }
.pc_shop_list .bot_box { display:flex; justify-content:space-between; width:100%; margin-top:30px; padding-top:30px; border-top:1px solid #9BA7B9; }
.pc_shop_list .bot_box img.pc { max-height:46px; }
.pc_shop_list .bot_box img.mo { display:none; }
.pc_shop_list .bot_box .all_view_btn { display:flex; align-items:center; font-size:16px; color:#505967; letter-spacing:-0.03em; gap:0 10px; }
.pc_shop_list .bot_box .all_view_btn img.view_btn { height:30px; }

.pop_shop_list { display:none; width:1062px; height:auto; padding:30px 40px; box-sizing:border-box; box-shadow:0 0 20px rgba(0,0,0,10%); position:fixed; top:calc(50% - 157px); left:calc(50% - 531px); z-index:1000; background:#FFF; }
.pop_shop_list .pop_list_close { position:absolute; top:30px; right:30px; }
.pop_shop_list .list_title { display:flex; align-items:center; width:fit-content; margin-bottom:20px; padding:8px 14px; border-radius:24px; box-sizing:border-box; font-size:20px; color:#FFF; letter-spacing:-0.02em; background:#022D81; }
.pop_shop_list .list_items { font-size:20px; letter-spacing:-0.02em; line-height:1.4; word-break:keep-all; }
.pop_shop_list .list_items:not(:last-child) { margin-bottom:30px; }

/* solution section 06 - dif area */
.c_sec06 .inner { padding:140px 0; align-items:center; flex-direction:column; }
.difference_area { display:flex; justify-content:space-between; align-items:center; width:100%; margin-top:119px; }
.difference_area > li { display:flex; flex-direction:column; align-items:center; width:300px; height:494px; padding:36px 30px; box-sizing:border-box; border:1px solid #DADEE3; border-radius:20px; }
.difference_area > li ul { width:calc(100% - 60px); }
.difference_area > li ul li { margin-bottom:18px; }
.difference_area > li ul li:last-child { margin-bottom:0; }
.difference_area > li.other ul { list-style-image:url('../../img/solution/dif_cheek.png'); list-style-position:outside; }
.difference_area > li.other .other_title { font-size:30px; font-weight:500; color:#505967; letter-spacing:-0.03em; }
.difference_area > li .cost_box { display:flex; justify-content:center; align-items:center; width:240px; height:69px; margin:20px auto 30px; font-size:20px; color:#505967; letter-spacing:-0.03em; border-radius:10px; background:#F4F5F7; }
.difference_area > li .cost_box span { display:inline-block; margin-right:10px; font-size:30px; font-weight:700; }
.difference_area > li.our { height:582px; border:2px solid #3BA3FD; box-shadow:0 0 20px rgba(0,0,0,16%); position:relative; }
.difference_area > li.our .point { position:absolute; top:-35px; left:14px; }
.difference_area > li.our .cost_box { font-weight:500; color:#3BA3FD; background:#EBF6FF; }
.difference_area > li.our ul { list-style-image:url('../../img/solution/dif_cheek_on.png'); list-style-position:outside; }
.difference_area.mo { display:none; }

/* solution section 07 - guide area */
/* 서비스-풀필먼트 이동에 따른 주석처리
.c_sec07 { background:#FAFAFA; }
.c_sec07 .inner { padding:140px 0; align-items:center; flex-direction:column; }
.c_sec07 .inner img { margin-top:100px; }
 */

@media all and (max-width: 1024px) {
    .common_ban { height:240px; }
    .common_ban .inner { justify-content:flex-start; padding:30px 5% 20px; box-sizing:border-box; }
    #content .common_ban .inner .ban01 { width:250px; bottom:0; left:auto; right:0; z-index:0; }
    .line_break { display: block; }
    .c_ban_txt01 { margin-bottom:10px; font-size:25px; line-height:1.2; position:relative; z-index:2; }
    .c_ban_txt02 { font-size:16px; line-height:1.4; position:relative; z-index:2; word-break:keep-all; }
    .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 5%; box-sizing:border-box; }
    .c_sec01 .inner .m_txt01 { margin-bottom:0; }
    .fbw_area { display:none; }
    .fbw_sol { display:block; width:100%; margin-top:50px; padding-bottom:40px; overflow:visible; }
    .fbw_sol .sol_items { width:100%; height:auto; margin:10px 0; padding:15px; box-sizing:border-box; border-radius:20px; box-shadow:0 0 20px rgba(0,0,0,10%); background:#FFF; position:relative; }
    .fbw_sol .sol_items .fbw_txt01 { margin:55px 0 10px; font-size:18px; font-weight:500; color:#000000; letter-spacing:-0.03em; line-height:1.4; }
    .fbw_sol .sol_items .fbw_txt02 { font-size:13px; color:#505967; letter-spacing:-0.03em; line-height:1.4; }
    .fbw_sol .sol_items img { max-height:41px; position:absolute; top:15px; left:15px; }
    .fbw_sol .swiper-pagination { display:flex; justify-content:center; align-items:center; bottom:0; opacity:1; }
    .fbw_sol .swiper-pagination-bullet { width:8px; height:8px; margin:0 3px; background:#9BA7B9; }
    .fbw_sol .swiper-pagination-bullet-active { width:8px; height:8px; background:#3BA3FD; }

    .c_sec02 .inner { padding:70px 5%; box-sizing:border-box; }
    .fbw_fun { margin-top:50px; }
    .swiper_fbw .swiper-slide .img_box { width:60px; height:60px; }
    .swiper_fbw .swiper-slide .img_box img { max-height:33px; }
    .swiper_fbw .swiper-slide .fun_txt01 { margin-top:8px; font-size:13px; }
    .swiper_fbw .swiper-wrapper .dotted_line { width:calc(300% - 50px); top:30px; }
    .swiper_capture { margin-top:25px; }
    .swiper_capture .swiper-slide .cap_cont { width:180px; height:auto; padding-bottom:10px; box-sizing:border-box; bottom:25px; right:4%; }
    .swiper_capture .swiper-slide .cap_cont .cap_txt01 { height:25px; padding-left:15px; font-size:12px; line-height:25px; }
    .swiper_capture .swiper-slide .cap_cont .cap_txt02 { margin:10px auto; padding-left:15px; font-size:0.75em; }
    .swiper_capture .swiper-slide .cap_cont .hash_box { flex-wrap:wrap; gap:4px; padding:0 15px; }
    .swiper_capture .swiper-slide .cap_cont .hash_txt { padding:5px; font-size:0.5em; }
    .swiper_capture .swiper-slide .bg_img { width:calc(100% - 50px); height:auto; left:5%; }
    .swiper_capture .swiper-slide div.cap { display:flex; justify-content:center; align-items:center; width:100%; height:345px; position:static; }
    .swiper_capture .swiper-slide div.cap div[class*="pop_icon"] { width:50px; height:50px; }
    .swiper_capture .swiper-slide div.cap .pop_icon01 { top:60px; right:1%; }
    .swiper_capture .swiper-slide div.cap .pop_icon02 { bottom:105px; left:1%; }
    .swiper_capture .swiper-slide div.cap .pop_icon01 img { max-height:30px; }
    .swiper_capture .swiper-slide div.cap .pop_icon02 img { max-height:30px; }
    .swiper_capture .swiper-slide div.cap:after { width:80px; height:51px; background:url('../../img/solution/capture_line_mo.png') no-repeat; z-index:10; }
    .swiper_capture .swiper-slide-active div.cap:after { top:auto; bottom:80px; right:calc(4% + 180px); background-size:cover; }
    .swiper_capture .swiper-button-prev,
    .swiper_capture .swiper-button-next { width:20px; height:10px; bottom:0; }
    .swiper_capture .swiper-button-prev { left:calc(50% - 95px); }
    .swiper_capture .swiper-button-next { right:calc(50% - 95px); }

    .swiper_capture .swiper-pagination { font-size:12px; }

    .c_sec03 .inner { padding:70px 5%; box-sizing:border-box;  }
    .sol_area { margin-top:50px; flex-wrap:wrap; }
    .sol_area ul { width:100%; height:330px; }
    .sol_area .fix_cont { width:calc(220px/2); height:calc(220px/2); top:33%; left:calc(50% - 55px);  }
    .step_txt01 { font-size:24px; }
    .step_txt02 { font-size:0.65em; }
    .sol_area li.step_cont { width:67px; height:67px; }
    .sol_area li.step_cont:nth-child(1) { top:0; left:calc(50% - 33px); }
    .sol_area li.step_cont:nth-child(2) { top:12.5%; right:10%; }
    .sol_area li.step_cont:nth-child(3) { top:39.5%; right:0; }
    .sol_area li.step_cont:nth-child(4) { bottom:12.5%; right:10%; }
    .sol_area li.step_cont:nth-child(5) { bottom:0; left:calc(50% - 33px); }
    .sol_area li.step_cont:nth-child(6) { bottom:12.5%; left:10%; }
    .sol_area li.step_cont:nth-child(7) { top:39.5%; left:0; }
    .sol_area li.step_cont:nth-child(8) { top:12.5%; left:10%; }
    .sol_area li.step_cont .img_box { width:24px; height:24px; }
    .sol_area li.step_cont .img_box img { width:100%; }
    .sol_area li.step_cont .step_txt02 { margin-top:6px; }
    .bg01 { top:10%; left:0; }
    .bg01 img.pc { display:none; }
    .bg01 img.mo { display:block; width:80%; margin:0 auto; }
    .sol_txt_area { width:100%; margin-top:130px; }
    .sol_txt_area.on { display:flex; flex-direction:column; align-items:center; text-align:center; }
    .sol_txt_area .sol_txt01 { font-size:18px; }
    .sol_txt_area .sol_txt02 { margin-top:10px; font-size:15px; line-height:1.4; }
    .sol_txt_area .sol_hash { font-size:13px; padding:6px 7px; }
    .sol_txt_area .hash_area { margin-top:15px; }

    .c_sec04 .inner { padding:70px 5%; box-sizing:border-box; }
    .fas_tab { width:100%; height:331px; margin:60px auto 0; padding:17px; border-radius:95px; }
    .fas_tab:after { width:57px; height:22px; font-size:15px; line-height:22px; top:-10px; left:calc(50% - 29px); }
    .fas_tab li { width:160px; height:160px; }
    .fas_tab li:nth-child(1) { top:5%; left:5%; }
    .fas_tab li:nth-child(1) { top:5%; left:calc(50% - 145px); }
    .fas_tab li:nth-child(2) { top:5%; left:auto; right:calc(50% - 145px); }
    .fas_tab li:nth-child(3) { top:auto; bottom:5%; left:calc(50% - 145px); right:auto; }
    .fas_tab li:nth-child(4) { top:auto; bottom:5%; right:calc(50% - 145px); }
    .fas_tab .img_box { height:45px; }
    .fas_tab .img_box img { max-height:45px; }
    .fas_tab .fas_title { margin-top:10px; font-size:13px; }
    .fas_cont_area { margin-top:25px; }
    .fas_cont_area ul { flex-wrap:wrap; justify-content:flex-start; }
    .fas_cont_area ul li { width:50%; height:auto; padding:15px 20px; }
    .fas_cont_area ul li .fas_txt01 { font-size:15px; }
    .fas_cont_area ul li .fas_txt02 { margin-top:4px; font-size:0.625em; }
    .fas_cont_area ul li .fas_txt03 { margin-top:10px; font-size:13px; }
    .fas_cont_area ul li:nth-child(2n) { border-right:0; }

    .c_sec05 .inner { padding:70px 5%; box-sizing:border-box; }
    .shop_area { margin-top:50px; }
    .shop_area .pc_shop { display:none; }
    .shop_area .mo_shop { display:block; }
    .shop_area .mo_shop .sell_shop { display:block; width:125px; height:125px; margin:0 auto; }
    .shop_area .mo_shop .sell_shop .hover_data { width:100%; height:100%; }
    .shop_area .mo_shop .sell_shop .hover_data img { max-height:34px; }
    .shop_area .mo_shop .sell_shop .hover_data .data_txt01 { margin-top:5px; font-size:16px; }
    .shop_area .mo_shop .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_shop .main_cont p { color:#022D81; letter-spacing:-0.03em; }
    .shop_area .mo_shop .main_cont p:first-child { font-size:37px; font-weight:700; }
    .shop_area .mo_shop .main_cont p:last-child { font-size:15px; }
    .shop_area .mo_shop .main_cont img:last-child { max-height:20px; margin-top:8px; }
    .shop_area .mo_shop .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_shop .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_shop .send_shop { display:block; width:125px; height:125px; margin:0 auto; }
    .shop_area .mo_shop .send_shop .hover_data { width:100%; height:100%; }
    .shop_area .mo_shop .send_shop .hover_data img { max-height:34px; }
    .shop_area .mo_shop .send_shop .hover_data .data_txt01 { margin-top:5px; font-size:16px; }
    .pc_shop_list { height:auto; margin:40px auto 0; padding:15px; }
    .pc_shop_list .list_txt { margin-bottom:20px; font-size:14px; }
    .pc_shop_list .top_box { flex-direction:column; gap:0; }
    .pc_shop_list .top_box img.pc { display:none; }
    .pc_shop_list .top_box img.mo { display:block; width:100%; }
    .pc_shop_list .bot_box { flex-direction:column; gap:0; margin-top:20px; padding-top:20px; }
    .pc_shop_list .bot_box img.pc { display:none; }
    .pc_shop_list .bot_box img.mo { display:block; width:100%; }
    .pc_shop_list .bot_box .all_view_btn { justify-content:center; margin-top:20px; font-size:13px; gap:0 5px; }
    .pc_shop_list .bot_box .all_view_btn img.view_btn { height:18px; }

    .c_sec06 .inner { padding:70px 5%; align-items:flex-start; box-sizing:border-box; }
    .difference_area.wide { display:none; }
    .difference_area.mo { display:flex; flex-wrap:wrap; margin-top:50px; width:50%; position:relative; }
    .difference_area > li { width:95%; height:auto; margin-bottom:10px; padding:0 10px; }
    .difference_area > li:last-child { margin-bottom:0; }
    .difference_area > li.other .other_title { font-size:13px; white-space:nowrap; }
    .difference_area > li.other div.text_box { display:flex; align-items:center; width:100%; gap:0 10px; }
    .difference_area > li.other.on div.text_box { flex-wrap:wrap; justify-content:center; }
    .difference_area > li.other.on div.text_box .other_title { padding-top:10px; }
    .difference_area > li.other.on div.text_box .cost_box { width:100%; }
    .difference_area > li .cost_box { width:90%; height:37px; margin:10px auto; font-size:13px; }
    .difference_area > li .cost_box span { font-size:15px; margin-right:5px; }
    .difference_area > li ul { width:100%; margin:0; padding:0 0 0 15%; box-sizing:border-box; }
    .difference_area > li ul li { margin-bottom:9px; font-size:13px; word-break:keep-all; line-height:1.4; }
    .difference_area > li.our { height:auto; padding:15px; position:absolute; top:0; right:-100%; }
    .difference_area > li.our ul { list-style-image:url('../../img/solution/dif_cheek_on_m.png'); }
    .difference_area > li.our img { height:11px; }
    .difference_area > li.our .point { top:-20px; left:0; height:37px; }
    .difference_area > li.other ul { display:none; padding-bottom:10px; list-style-image:url('../../img/solution/dif_cheek_m.png'); }
    /*.difference_area > li.other.on ul { display:block; } */


    /*.c_sec07 .inner { padding:70px 5%; box-sizing:border-box; }
    .c_sec07 .inner img { width:100%; margin-top:50px; }*/

    /* 서비스-풀필먼트 이동에 따른 수정 07->09 */
    .c_sec09 .inner { padding:70px 5%; box-sizing:border-box; }
    .c_sec09 .inner img { width:100%; margin-top:50px; }

    .pop_shop_list { width:90%; padding:15px 20px; top:50%; left:50%; transform:translate(-50%,-50%); }
    .pop_shop_list .list_title { margin-bottom:10px; padding:4px 7px; font-size:12px; }
    .pop_shop_list .list_items { font-size:12px; }
    .pop_shop_list .pop_list_close { top:15px; right:20px; }
    .pop_shop_list .list_items:not(:last-child) { margin-bottom:15px; }
}

@media all and (max-width: 450px) {
    .sol_txt_area { margin-top:150px; }
}

@media all and (max-width: 375px) {
    .sol_txt_area { margin-top:90px; }
}