@charset "UTF-8";
/* 22.11.23 SDH */
#main { padding-top:77px; }

#card01 {
	top: 95px;
	height: 380px;
}
#card02 {
	top: 150px;
	height: 270px;
}
#card03 {
	top: 95px;
	height: 450px;
}

/* main banner */
.m_ban { position:relative; }
.m_ban .swiper1 { max-width:2560px; width:100%; height:1080px; }
.m_ban .swiper1 .swiper-slide { position:relative; }
.m_ban .swiper1 .swiper-slide .img_bg { width:100%; height:100%; background-size:cover !important; position:absolute; z-index:2; transform:scale(1); transition:transform 1.5s; }
.m_ban .swiper1 .swiper-slide .inner { max-width:1920px; height:100%; padding-top:160px; justify-content:flex-start; flex-direction:column; box-sizing:border-box; position:relative; z-index:5; }
.m_ban .swiper1 .m_ban_txt01 { font-size:52px; font-weight:600; color:#FFF; line-height:1.4; }
.m_ban .swiper1 .m_ban_txt01 .mo_space { display:none; }
.m_ban .swiper1 .m_ban_txt02 { margin:28px 0 52px; font-size:20px; font-weight:500; color:#FFF; line-height:1.4; }
.m_ban .swiper1 .m_ban_btn { display:flex; align-items:center; width:168px; height:48px; padding:16px; box-sizing:border-box; font-size:14px; font-weight:500; color:#FFF; border-radius:8px; position:relative; }
.m_ban .swiper1 .m_ban_btn img { position:absolute; right:16px; max-width:17px; object-fit:contain }
.m_ban .swiper1 .btn_align { display:flex; gap:16px; }
.m_ban .swiper1 .m_ban_btn.btn01 { background:#022D81; }
.m_ban .swiper1 .m_ban_btn.btn02 { background:#0089F7; }
.m_ban .swiper1 .swiper-slide .m_img_bg { display:none; }
.m_ban .scroll_area { display:flex; flex-direction:column; gap:16px 0; align-items:center; justify-content:center; position:absolute; bottom:40px; left:50%; transform:translateX(-50%); cursor:pointer;}
.m_ban .scroll_area p { font-size:14px; color:#FFF; font-weight:500; }
.m_ban .scroll_area img { max-width:30px; object-fit:contain; animation:bounce 1s infinite alternate; }
@keyframes bounce {
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(10px);
	}
}

/* sec01 - card area */
.m_sec01 .inner { padding:140px 0; align-items:center; flex-direction:column; }
.sec01_card_area { display:flex; justify-content:space-between; align-items:center; width:100%; margin-top:100px; }
.sec01_card_area > a[class^='card_box0'] { display:flex; align-items:center; flex-direction:column; width:calc((100% - 80px)/3); height:460px; padding:36px 0 0; box-sizing:border-box; border:1px solid #DADEE3; overflow:hidden; position:relative; transition:all 0.3s; }
.sec01_card_area > a[class^='card_box0'] .card_txt01 { font-size:20px;color:#292929;letter-spacing:-0.03em;}
.sec01_card_area > a[class^='card_box0'] .card_txt02 { margin:14px 0 8px; font-size:44px;font-weight:700;color:#242424;letter-spacing:-0.03em; transition:all 0.3s;}
.sec01_card_area > a[class^='card_box0'] img.card_img { position:absolute; width:auto; object-fit:contain; }
.sec01_card_area > a[class^='card_box0'] .h_btn { position:absolute; font-size:16px;color:#3BA3FD;border-radius: 1rem;padding: 0.5rem 1rem;background-color:#dcefff;letter-spacing:-0.03em; bottom:-10px; opacity:0; transition:all 0.3s; }
.sec01_card_area > a[class^='card_box0'] .h_btn img { margin-left:4px; vertical-align:middle; object-fit:contain; }
.sec01_card_area > a[class^='card_box0']:hover { box-shadow:0 0 20px rgba(0,0,0,16%); border-color:#3BA3FD; transition:all 0.3s; }
.sec01_card_area > a[class^='card_box0']:hover .card_txt02 { color:#3BA3FD; transition:all 0.3s; }
.sec01_card_area > a[class^='card_box0']:hover .h_btn { bottom:24px; opacity:1; transition:all 0.3s; }
.sec01_card_area > a.card_box02 > img.card_img { margin-top:0px; }

/* sec02 - data_area */
.m_sec02 { background:#F9FAFB url('../../img/newkeep/graph_bg.png') no-repeat center bottom; background-size:75%; }
.m_sec02 .inner { padding:140px 0; align-items:center; flex-direction:column; }
.data_tab { display:flex; justify-content:space-between; width:100%; margin-top:100px; }
.data_tab > li { display:flex; align-items:center; flex-direction:column; width:calc((100% - 99px)/3); height:190px; padding-top:39px; border-radius:16px; box-sizing:border-box; background:#FFF; cursor:pointer; transition:all 0.3s; }
.data_tab > li.active { box-shadow:0 0 20px rgba(0,0,0,16%); transition:all 0.3s; }
.data_tab > li:hover { box-shadow:0 0 20px rgba(0,0,0,16%); transition:all 0.3s; }
.data_tab > li > img { margin-bottom:10px; }
.data_tab > li .bold_txt { margin-top:16px; font-size:30px; font-weight:700; color:#303030;letter-spacing:-0.03em; }
.m_sec02 .data_graph { display:flex; justify-content:center; align-items:center; width:100%; height:415px; margin-top:100px; padding:0; box-sizing:border-box; position:relative; text-align:center; }
.m_sec02 .data_graph .img_group.graph_pc,
.m_sec02 .data_graph img.graph_pc { height:100%; object-fit:contain; position:absolute; top:0; left:auto; right:auto; opacity:0; transition:all 0.3s; }
.m_sec02 .data_graph img.graph_pc.active,
.m_sec02 .data_graph .img_group.graph_pc.active { opacity:1; transition:opacity 0.3s; }



/* sec03 - manager_area */
.m_sec03 .inner { padding:140px 0; align-items:center; flex-direction:column; }
.manager_tab { display:flex; justify-content:space-between; width:100%; margin-top:100px; }
.manager_tab li { max-width:302px; width:calc((100% - 72px)/4); }
.manager_tab li .img_box { display:flex; justify-content:center; align-items:center; max-width:302px; height:220px; border-radius:16px; background:#F1F5FC; }
.manager_tab li .manger_txt01 { margin-top:26px; font-size:26px; font-weight:500; letter-spacing:-0.03em; line-height:29px; }
.manager_tab li .manger_txt02 { margin-top:16px; font-size:20px; color:#505967; letter-spacing:-0.03em; line-height:30px; }
.main_manager { display:none; }

/* sec04 - service_area */
.m_sec04 { padding-bottom:140px; background:#F9FAFB; }
.m_sec04 .inner { padding:140px 0 0; align-items:center; flex-direction:column; }
.service_wrap { min-height:433px; margin-top:100px; position:relative; }
.flow_card { padding:30px 0 12px; }
.flow_card .swiper-wrapper { transition-timing-function:linear; }
.flow_card .swiper-slide { width:374px; height:205px; padding:24px; box-sizing:border-box; background:#FFF; box-shadow:0 0 20px rgba(0,0,0,10%); }
.flow_card .swiper-slide .card_txt01 { margin-top:26px; font-size:26px; font-weight:500; letter-spacing:-0.03em; line-height:29px; }
.flow_card .swiper-slide .card_txt02 { margin-top:10px; font-size:16px; color:#505967; letter-spacing:-0.03em; line-height:24px; white-space:normal; word-break:keep-all; }
.flow_card2 { padding:12px 0 30px; }
.flow_card2 .swiper-wrapper { transition-timing-function:linear; }
.flow_card2 .swiper-slide { width:374px; height:205px; padding:24px; box-sizing:border-box; background:#FFF; box-shadow:0 0 20px rgba(0,0,0,10%); }
.flow_card2 .swiper-slide .card_txt01 { margin-top:26px; font-size:26px; font-weight:500; letter-spacing:-0.03em; line-height:29px; }
.flow_card2 .swiper-slide .card_txt02 { margin-top:10px; font-size:16px; color:#505967; letter-spacing:-0.03em; line-height:24px; white-space:normal; word-break:keep-all; }

/* sec05 - freight_area */
.m_sec05 .inner { padding:140px 0; align-items:center; flex-direction:column; box-sizing:border-box; }
.freight_area { display:flex; justify-content:space-between; width:100%; margin-top:100px; }
.freight_area .freight { display:flex; flex-direction:column; align-items:center; width:calc((100% - 72px)/4); height:370px; padding:40px 24px; text-align:center; box-sizing:border-box; border:1px solid #DADEE3; background:#FFF; }
.freight_area .freight img { height:120px; margin-bottom:27px; }
.freight_area .freight .fre_txt01 { margin-bottom:14px; font-size:26px; font-weight:500; color:#292929; letter-spacing:-0.03em; }
.freight_area .freight .fre_txt02 { font-size:20px; color:#505967; letter-spacing:-0.03em; line-height:30px; }

/* sec06 - add_area */
.m_sec06 .inner { padding:140px 0; box-sizing:border-box; align-items:center; flex-direction:column; }
.swiper_add { width:100%; padding:20px; box-sizing:border-box; margin-top:100px; }
.swiper_add .swiper-slide { width:410px; height:480px; box-sizing:border-box; border-radius:20px; background:#FFF; transition:all 0.3s; position:relative; overflow:hidden; border:1px solid #DDDDDD; }
.swiper_add .swiper-slide:hover { box-shadow:0 0 20px rgba(0,0,0,10%); transition:all 0.3s; }
.swiper_add .swiper-slide > a { display:flex; flex-direction:column; align-items:center; text-align:center; }
.swiper_add .swiper-slide > a .img_box { width:100%; }
.swiper_add .swiper-slide > a .img_box img { width:100%; }
.swiper_add .swiper-slide > a .add_txt_box { display:flex; flex-direction:column; align-items:center; margin-top:40px; text-align:center; }
.swiper_add .swiper-slide > a .add_txt_box .add_txt01 { display:inline-block; font-size:30px; font-weight:500; color:#292929; letter-spacing:-0.03em; }
.swiper_add .swiper-slide > a .add_txt_box .m_det_btn { display:inline-block; width:30px; margin:0 0 0 12px; }
.swiper_add .swiper-slide > a .add_txt_box .m_det_btn img { top:-25px; }
.swiper_add .swiper-slide > a .add_txt_box .add_txt02 { margin-top:13px; font-size:20px; color:#022D81; letter-spacing:-0.03em; line-height:30px; }
.swiper_add .swiper-slide > a .add_txt_box .add_txt03 { font-size:20px; color:#505967; letter-spacing:-0.03em; line-height:30px; }
.swiper_add .swiper-slide:hover > a .add_txt_box .m_det_btn img.det_base { opacity:0; }
.swiper_add .swiper-slide:hover > a .add_txt_box .m_det_btn img.det_on { opacity:1; }

/* sec07 - 스토리 */
.m_sec07 { background:#F9FAFB; }
.m_sec07 .inner { padding:140px 0; box-sizing:border-box; align-items:center; flex-direction:column; position:relative; }
.new_main01 { width:100%; height:auto; margin-top:100px; }
.new_main01 .swiper-slide a { display:block; width:100%; height:100%; }
.new_main01 .swiper-slide .img_box { display:flex; justify-content:center; align-items:center; width:400px; height:400px; border-radius:30px; background:#FFF; }
.new_main01 .swiper-slide .img_box img { max-width:100%; object-fit:contain; }
.new_main01 .swiper-slide .nm_txt01 { margin-top:28px; font-size:30px; font-weight:500; color:#121212; letter-spacing:-0.03em; line-height:1.4; }
.new_main01 .swiper-pagination.new_pg { display:none; margin-top:20px; }
.new_main01 .swiper-pagination-bullet { width:8px; height:8px; background:#DADEE3; opacity:1; }
.new_main01 .swiper-pagination-bullet-active { background:#022D81; opacity:1; }
.m_sec07 .swiper-button-prev,
.m_sec07 .swiper-button-next { width:53px; height:53px; top:calc(50% + 100px); transform:translateY(-50%); outline:none; }
.m_sec07 .swiper-button-prev,
.swiper-rtl .swiper-button-next { left:-100px; }
.m_sec07 .swiper-button-next,
.swiper-rtl .swiper-button-prev { right:-100px; }

/* sec08 - 후기 */
.m_sec08 { background:#F9FAFB; }
.m_sec08 .inner { padding:140px 0; box-sizing:border-box; align-items:center; flex-direction:column; position:relative; }
.new_main02 { width:100%; height:auto; margin-top:100px; }
.new_main02 .swiper-slide a { display:block; width:100%; height:100%; }
/*.new_main02 .swiper-slide .img_box { display:flex; justify-content:center; align-items:center; width:400px; height:270px; margin-bottom:20px; border-radius:10px; }*/
.new_main02 .swiper-slide .img_box { display:flex; justify-content:center; align-items:center; overflow: hidden; margin-bottom:20px; border-radius:10px; }
.new_main02 .swiper-slide .img_box img { max-width:100%; object-fit:contain; }
.new_main02 .swiper-slide .nm_txt01 { font-size:16px; font-weight:400; color:#9BA7B9; letter-spacing:-0.01em; line-height:1.4; }
.new_main02 .swiper-slide .nm_txt02 { margin:10px 0; font-size:30px; font-weight:500; color:#505967; letter-spacing:-0.01em; line-height:1.4; }
.new_main02 .swiper-slide .nm_txt03 { font-size:20px; font-weight:400; color:#9BA7B9; letter-spacing:-0.01em; line-height:1.4; }
.new_main02 .swiper-pagination.new_pg2 { display:none; margin-top:20px; }
.new_main02 .swiper-pagination-bullet { width:8px; height:8px; background:#DADEE3; opacity:1; }
.new_main02 .swiper-pagination-bullet-active { background:#022D81; opacity:1; }
.m_sec08 .swiper-button-prev,
.m_sec08 .swiper-button-next { width:53px; height:53px; top:calc(50% + 100px); transform:translateY(-50%); outline:none; }
.m_sec08 .swiper-button-prev,
.swiper-rtl .swiper-button-next { left:-100px; }
.m_sec08 .swiper-button-next,
.swiper-rtl .swiper-button-prev { right:-100px; }

/* POPUP 공통 CSS */
.main_pop { display:none; border-radius:15px; position:fixed; top:200px; right:100px; z-index:100; overflow:hidden; box-shadow: 0 0 10px rgba(0,0,0,20%); }
.main_pop .pop_img { max-width:360px; max-height:360px; }
.main_pop .pop_img a { display:flex; width:inherit; height:inherit; }
.main_pop .pop_img a img { max-width:100%; }
.main_pop .btn_area { display:flex; height:60px; box-sizing: border-box; background:#FFF; }
.main_pop .btn_area a { display:flex; justify-content:center; align-items:center; flex-basis:50%; width:50%; height:inherit; box-sizing:border-box; }
.main_pop .btn_area a.pop_btn { border-left:1px solid #F0F0F0; }
#pop02 {right: 28%}

/* POPUP INDEX 조절 */
#pop01 { z-index:103; right: 20px}
#pop02 { z-index:102; right: 400px}
#pop03 { z-index:101; }

@media all and (max-width: 1024px) {
	#main { padding-top:60px; }
	.m_ban .swiper1 { height:75vh; }
	.m_ban .swiper1 .swiper-slide .inner { padding:100px 5% 0; justify-content:flex-start; align-items:center; text-align:center; }
	.m_ban .swiper1 .swiper-slide .img_bg { display:none; }
	.m_ban .swiper1 .swiper-slide .m_img_bg { display:block; width:100%; height:100%; background-size:cover; position:absolute; z-index:2; }
	.m_ban .swiper1 .m_ban_txt01 { font-size:30px; }
	.m_ban .swiper1 .m_ban_txt01 .mo_space { display:block; }
	.m_ban .swiper1 .m_ban_txt02 { margin:15px 0 20px; font-size:13px;}
	.m_ban .swiper1 .m_ban_btn { display:flex; justify-content:center; align-items:center; width:140px; height:40px; font-size:13px; }
	.m_ban .swiper1 .m_ban_btn img { display:none; }
	.m_ban .swiper1 .swiper-pagination-bullet,
	.swiper-vertical > .swiper-pagination-bullets,
	.swiper-pagination-vertical.swiper-pagination-bullets { display:none; }
	.swiper-button-prev,
	.swiper-rtl .swiper-button-next { display:none; }
	.swiper-button-next,
	.swiper-rtl .swiper-button-prev { display:none; }

	.m_txt01 { margin-bottom:8px; font-size:22px; line-height:1.4; word-break:keep-all; }
	.m_txt02 { margin-bottom:8px; font-size:15px; line-height:1.2; word-break:keep-all; }

	.m_sec01 .inner { padding:70px 5%; box-sizing:border-box; }
	.sec01_card_area { margin-top:50px; flex-direction:column; }
	.sec01_card_area > a[class^='card_box0'] { width:100%; height:384px; margin-bottom:30px; padding:30px 0 40px; border-radius:20px; border:0; box-shadow:0 0 20px rgba(0,0,0,10%); }
	.sec01_card_area > a[class^='card_box0'] img.card_img { position:absolute; max-width:90%; }
	.sec01_card_area > a[class^='card_box0'] .card_txt01 { font-size:13px; }
	.sec01_card_area > a[class^='card_box0'] .card_txt02 { font-size:36px; }
	.sec01_card_area > a[class^='card_box0'] .card_txt03 { font-size:13px; }
	.sec01_card_area > a[class^='card_box0'] .h_btn { bottom:20px;opacity:1;padding:0;background-color:transparent;}
	.sec01_card_area > a[class^='card_box0'] .h_btn img { width:auto; }
	.sec01_card_area > a.card_box02 > img.card_img { margin-top:0; }

	#card01 { top:65px; height:310px; }
	#card02 { top: 100px; }
	#card03 { top:40px; height:350px;}

	.m_sec02 { background-size:contain; }
	.m_sec02 .inner { padding:70px 5%; box-sizing:border-box; }
	.data_tab { flex-wrap:wrap; margin-top:50px; }
	.data_tab > li { flex-direction:row; flex-wrap:wrap; justify-content:center; width:calc(50% - 5px); height:83px; padding-top:5px; margin-bottom:10px; }
	.data_tab > li:last-child { width:100%; }
	.data_tab > li > img { height:15px; margin:0 6px 0 0; }
	.data_tab > li p { font-size:13px; font-weight:500; color:#505967; letter-spacing:-0.03em; }
	.data_tab > li .bold_txt { width:100%; margin-top:-15px; font-size:22px; text-align:center; }

	.m_sec02 .data_graph { margin-top:25px; padding:0 10px; height:200px; }
	.m_sec02 .data_graph img#cont01,
	.m_sec02 .data_graph #cont01 img { width:100%; height:auto; top:auto; bottom:0;  }
	.m_sec02 .data_graph img#cont02,
	.m_sec02 .data_graph #cont02 img { width:100%; height:auto; top:auto; bottom:0;  }
	.m_sec02 .data_graph img#cont03,
	.m_sec02 .data_graph #cont03 img { width:100%; height:auto; top:auto; bottom:0;  }

	.m_sec03 .inner { padding:70px 10%; box-sizing:border-box; }
	.manager_tab { display:none; flex-wrap:wrap; justify-content:center; margin:50px auto 0; }
	.manager_tab li { max-width:100%; width:80%; margin-top:30px; }
	.manager_tab li:first-child { margin-top:0; }
	.main_manager { display:block; width:100%; margin-top:50px; padding-bottom:30px; }
	.main_manager .manager_items:nth-child(2n) { margin-top:30px; }
	.main_manager .img_box { display:flex; justify-content:center; align-items:center; width:100%; height:160px; border-radius:16px; background:#F1F5FC; }
	.main_manager .img_box img { height:100px; }
	.main_manager .manger_txt01 { margin-top:20px; font-size:18px; font-weight:500; letter-spacing:-0.03em; }
	.main_manager .manger_txt02 { margin-top:8px; font-size:15px; letter-spacing:-0.03em; line-height:1.4; word-break:keep-all; }
	.main_manager .swiper-pagination { display:flex; justify-content:center; align-items:center; bottom:0; opacity:1; }
	.main_manager .swiper-pagination-bullet { width:8px; height:8px; margin:0 3px; background:#9BA7B9; }
	.main_manager .swiper-pagination-bullet-active { width:8px; height:8px; background:#022D81; }

	.m_sec04 { padding-bottom:70px; }
	.m_sec04 .inner { padding:70px 0 0; }
	.m_det_btn { justify-content:center; margin-top:25px; font-size:13px; line-height:1; }
	.m_det_btn img { width:23px; }
	.m_det_btn img.det_base { position:relative; margin-left:7px; }
	.m_det_btn img.det_on { display:none; }

	.service_wrap { min-height:216px; margin-top:50px; }
	.flow_card .swiper-slide { width:215px; height:118px; margin:0 7px; padding:14px; }
	.flow_card .swiper-slide img { width:21px; }
	.flow_card .swiper-slide .card_txt01 { margin-top:13px; font-size:15px; line-height:1.2; }
	.flow_card .swiper-slide .card_txt02 { margin-top:6px; font-size:10px; line-height:1.2; }
	.flow_card2 .swiper-slide { width:215px; height:118px; margin:0 7px; padding:14px; }
	.flow_card2 .swiper-slide img { width:21px; }
	.flow_card2 .swiper-slide .card_txt01 { margin-top:13px; font-size:15px; line-height:1.2; }
	.flow_card2 .swiper-slide .card_txt02 { margin-top:6px; font-size:10px; line-height:1.2; }

	.m_sec05 .inner { padding:70px 5%; }
	.freight_area { flex-direction:column; margin-top:50px; }
	.freight_area .freight { flex-direction:unset; width:100%; height:110px; margin-bottom:15px; padding:15px; position:relative; }
	.freight_area .freight:last-child { margin-bottom:0; }
	.freight_area .freight img { height:80px; margin:0; }
	.freight_area .freight .fre_txt01 { margin-bottom:0; font-size:15px; position:absolute; top:15px; left:120px; }
	.freight_area .freight .fre_txt02 { padding-right:10px; box-sizing:border-box; font-size:13px; line-height:1.4; text-align:left; word-break:keep-all; position:absolute; top:40px; left:120px; }

	.m_sec06 .inner { padding:70px 0; }

	.swiper_add { margin:50px auto 0; padding:20px 5%; }
	.swiper_add .swiper-slide { height:auto; padding-bottom:25px; }
	.swiper_add .swiper-slide > a .add_txt_box { margin-top:25px; }
	.swiper_add .swiper-slide > a .add_txt_box .add_txt01 { font-size:18px; }
	.swiper_add .swiper-slide > a .add_txt_box .add_txt02,
	.swiper_add .swiper-slide > a .add_txt_box .add_txt03 { margin-top:10px; font-size:15px; line-height:1.4; }
	.swiper_add .swiper-slide > a .add_txt_box .m_det_btn { width:auto; margin:0 0 0 6px; }
	.swiper_add .swiper-slide > a .add_txt_box .m_det_btn img { top:5px; }
	.swiper_add .swiper-slide > a .add_txt_box .m_det_btn img.det_base { margin-left:0; }
	.swiper_add .swiper-slide:hover > a .add_txt_box .m_det_btn img.det_base { opacity:1; }

	.add_service_area li .add_txt01 { font-size:18px; }
	.add_service_area li .add_txt02 { margin-top:10px; font-size:15px; line-height:1.4; }
	.add_service_area li .add_txt03 { margin-top:10px; font-size:15px; line-height:1.4; }

	/* POPUP 모바일 CSS */
	.main_pop { max-width:410px; width:80%; height:auto; top:50%; right:50%; transform:translate(50%,-50%); }
	.main_pop .pop_img { max-width:none; max-height:none; }
	.main_pop .pop_img a { width:inherit; height:inherit; }
	.main_pop .btn_area { height:50px; }
	.main_pop .btn_area a { font-size:13px; }

	#pop01 { top:60%; z-index:103; right: 50%}
	#pop02 {right: 50%}

	.m_sec07 .inner { padding:50px 5%; }
	.new_main01 { margin-top:25px; padding-bottom:50px; }
	.new_main01 .swiper-slide a { display:flex; flex-direction:column; justify-content:center; align-items:center; width:100%; height:100%; }
	.new_main01 .swiper-slide .img_box { width:100%; height:auto; aspect-ratio:1/1; }
	.new_main01 .swiper-slide .img_box img { max-width:100%; object-fit:contain; }
	.new_main01 .swiper-slide .nm_txt01 { margin-top:16px; font-size:15px; }
	.new_main01 .swiper-pagination.new_pg { display:flex; justify-content:center; align-items:center; margin-top:20px; bottom:0; left:0; right:0; }

	.m_sec08 .inner { padding:50px 5%; }
	.new_main02 { margin-top:25px; padding-bottom:50px; }
	.new_main02 .swiper-slide a { display:flex; flex-direction:column; justify-content:center; align-items:flex-start; width:100%; height:100%; }
	.new_main02 .swiper-slide .img_box { width:100%; height:auto; margin-bottom:10px; }
	.new_main02 .swiper-slide .img_box img { max-width:100%; object-fit:contain; }
	.new_main02 .swiper-slide .nm_txt01 { font-size:14px; }
	.new_main02 .swiper-slide .nm_txt02 { margin:5px 0; font-size:20px;}
	.new_main02 .swiper-slide .nm_txt03 { font-size:15px; }
	.new_main02 .swiper-pagination.new_pg2 { display:flex; justify-content:center; align-items:center; margin-top:20px; bottom:0; left:0; right:0; }
}

@media all and (max-width: 768px) {
	.m_sec02 .data_graph {height:415px;}
}

@media all and (max-width: 640px) {
	.m_sec02 .data_graph {height:350px;}
}

@media all and (max-width: 480px) {
	.m_sec02 .data_graph {height:250px;}
}