@charset "utf-8";

@media (max-width:1920px) {
	html, body {font-size:0.5211047421vw;}
}
@media (max-width:1580px) {
	/* 화물등록 */
	.s_conBox04 .textBox li {font-size:2rem; line-height:2.4rem;}
	.s_conBox04 .textBox .scb04_text01::after,
	.s_conBox04 .textBox .scb04_text02::after {top:-.2rem;}
}
@media (max-width:1400px) {
	/* 관제/고객지원 */
	.s_conBox07 .listBox ul li {font-size:2rem; line-height:2.4rem;}
	.s_conBox07 .listBox ul li::after {top:.5rem;}

	/* 홍보센터 */
	.newsDetail h2 {font-size:4.5rem; line-height:5.5rem;}
}
@media (max-width:1300px) {
	.mainContnets .contentBox .conbox02 p {font-size:2rem; line-height:2.6rem;}

	/* 화물등록 */
	.s_conBox04 .textBox li {padding-left:26px; font-size:2.5rem; line-height:17px;}
	.s_conBox04 .textBox .scb04_text01::after,
	.s_conBox04 .textBox .scb04_text02::after {top:-1.5px; width:20px; height:20px; background-size:20px;}

	/* 홍보센터 */
	.news_contents .newsBox ul .text01 {font-size:2.4rem; line-height:2.6rem;}
	.news_contents .newsBox ul .text02 {font-size:3.2rem; line-height:3.6rem;}
	.news_contents .newsBox ul .text03 {font-size:2.8rem; line-height:3.2rem;}
	.news_contents .newsBox ul .text03 * {font-size:2.8rem !important; line-height:3.2rem;}
}
@media (max-width:1100px) {
	.mainContnets .contentBox .conbox02 p {font-size:2.2rem; line-height:2.6rem;}

	/* 화물등록 */
	.s_contents .titleBox .text02 {font-size:2.8rem; line-height:3.4rem;}

	/* 관제/고객지원 */
	.s_conBox07 .listBox {padding:4rem;}
	.s_conBox07 .listBox ul li {padding-left:2.6rem; font-size:2.4rem; line-height:2.8rem;}
	.s_conBox07 .listBox ul li::after {top:.6rem; width:1.6rem; height:1.6rem;}

	/* 홍보센터 */
	.news_contents .newsBox ul .text01 {font-size:2.4rem; line-height:2.6rem;}
	.news_contents .newsBox ul .text02 {font-size:3.2rem; line-height:3.6rem;}
	.news_contents .newsBox ul .text03 {font-size:2.8rem; line-height:3.4rem;}
	.news_contents .newsBox ul .text03 * {font-size:2.8rem !important; line-height:3.4rem;}

	/* 지화툰 */
	.zt_title {font-size:4rem; line-height:5rem;}
}

@media (max-width:980px) {
	/* scroll top buttton */
	.scrolltop_btn {position:fixed; bottom:30px; right:30px;}
	.scrolltop_btn .btn_gotop {width:42px; height:42px; line-height:42px;}

	.mainContnets .contentBox .conbox02 p {font-size:2.4rem; line-height:2.8rem;}

	/* 화물등록 */
	.shipper_title .text03 {font-size:3rem; line-height:3.6rem;}

	.s_contents .titleBox .text02 {font-size:3.2rem; line-height:3.6rem;}

	.s_conBox04 .textBox li {font-size:2.8rem;}
	.s_conBox04 .textBox li + li {margin-top:2.6rem;}
	.s_conBox04 img {width:73.2rem;}

	/* 관제/고객지원 */
	.s_conBox08 .cs ul .text01 {font-size:3rem; line-height:3.6rem;}
	.s_conBox08 .cs ul .text02 {font-size:2.5rem; line-height:3rem;}

	/* 홍보센터 */
	.newsDetail h2 {font-size:5rem; line-height:6rem;}

	/* 홍보센터 상세 */
	.newsDetail .textBox pre, .prev_nextbutton ul li:nth-child(1), .prev_nextbutton ul li:nth-child(2) {font-size:14px; line-height:19px;}
	.prev_nextbutton ul li:nth-child(2) {margin:10px 0 0 0;}
}

@media (max-width:768px) {
	html, body {font-size:1.3888888889vw;}
	.web, .navweb {display:none;}
	.navmobile, .mobile, .navmobile .m_open {display:block;}

	.header_wrap {height:60px;}
	.header_wrap .logo {left:20px; width:83px; background-size:83px;}

	/* 팝업 */
	.popup_wrap .head .close {width:40px; height:40px;}

	.popup_01 {top:70px; left:50%; right:0; transform:translateX(-50%); max-width:100%; width:calc(100% - 40px);}
	.popup_02 {top:140px; left:50%; right:0; transform:translateX(-50%); max-width:450px; width:calc(100% - 40px);}

	/* scroll top buttton */
	.scrolltop_btn {position:fixed; bottom:20px; right:20px;}

	/* footer */
	.footer {padding:30px 20px 40px 20px; flex-direction:column; justify-content:flex-start; height:auto;}
	.footer .footer_logo {margin-bottom:40px; width:98px;}
	.footer .snsBox button {width:40px; height:40px;}
	.footer .snsBox button + button {margin-left:10px;}
	.footer .snsBox .YouTube, .footer .snsBox .Instagram, .footer .snsBox .Kakao, .footer .snsBox .NaverBand {background-size:40px;}
	.footer .footer_contents {margin:3px 0 0 0;}
	.footer .footer_contents ul {display:block;}
	.footer .footer_contents ul li + li {margin:0;}
	.footer .footer_contents ul .bar::after {content:'';}

	.footer .footer_contents .f_conbox01 li,
	.footer .footer_contents .f_conbox02 li {font-size:14px; line-height:20px;}

	.footer .footer_contents .f_conbox03 li a,
	.footer .footer_contents p {font-size:14px; line-height:20px;}

	.footer .footer_contents .f_conbox03,
	.footer .footer_contents .f_conbox02 {margin:40px 0;}

	.footer .footer_contents .f_conbox03 li + li {margin-top:10px;}

	.wrap .body_contents .contents {padding:90px 20px 80px; flex-direction:column;}
	.wrap .body_contents .qr_contents {padding:40px 30px 20px;}

	/* main - 화물 요금 조회 분석 */
	.rate_contents h2.title {padding-top:0.7rem; line-height:3.9rem;}
	.rate_contents > div {display:block; background:#f7f4f1;}
	.rate_contents .inform_contents, .rate_contents .analysis_contents {max-width:100%; background:#f7f4f1;}

	.rate_contents .inform_contents {padding:2.8rem 2rem 0 2rem; margin:0 auto; max-width:52rem;}
	.rate_contents .inform_contents .inform_top {margin:0 0 0 -0.2rem;}

	.rate_contents .analysis_contents {padding:2rem 2rem; margin:0 auto; max-width:52rem;}
	.rate_contents .analysis_contents .analysisBox {display:none; margin:0;}
	.rate_contents .analysis_contents .analysisBox .case {padding:2rem;}
	.rate_contents .analysis_contents .analysisBox .case h2 {margin:0 0 9px 0;}
	.rate_contents .analysis_contents .analysisBox .case ul, .rate_contents .analysis_contents .analysisBox .case ul + ul {margin-top:1.1rem;}
	.rate_contents .analysis_contents .analysisBox .case, .rate_contents .analysis_contents .analysisBox .case .add {display:block;}
	.rate_contents .analysis_contents .analysisBox .case p {margin:1.1rem 0 0 0;}
	.rate_contents .analysis_contents .analysisBox .case .fare {justify-content:flex-start;}

	.rate_contents .analysis_contents .analysisBox .contents {padding:1rem; border-radius:0 0 .6rem .6rem;}
	.rate_contents .analysis_contents .analysisBox .contents .t_mobile {display:table;}
	.rate_contents .analysis_contents .analysisBox .contents .t_mobile .pay th {padding:1.2rem 0;}
	.rate_contents .analysis_contents .analysisBox .contents .t_mobile .bg_g {background:#eaeef6;}
	.rate_contents .analysis_contents .analysisBox .contents .t_mobile .font-red {margin-top:.5rem; display:block;}

	.rate_contents .analysis_contents .mobile .tip {margin:2rem 0; padding:2rem; display:block; height:auto; text-align:center;}
	.rate_contents .analysis_contents .mobile .tip .tip_text02 {margin-top:1rem;}

	.rate_contents .analysis_contents .mobile button {margin-top:20px; width:100%; height:50px; border-radius:6px; font-size:16px; font-weight:700; background:#e61c3a; color:#fff;}
	.rate_contents .analysis_contents .mobile .resetBtn {display:none;}

	/* main - youtube */
	.contentsWrap > .youtube {margin:40px 0 0 0; padding:2rem 1rem; background:#f7f4f1;}
	.youtube select {margin-bottom:10px; width:100%; height:40px; font-size:14px; font-weight:500; border-radius:6px; border:1px solid #dedede; padding:0 10px;}

	/* main contents */
	.mainContnets .contentBox {margin:0; border-radius:0; overflow:visible;}
	.mainContnets .contentBox .main_conBox {padding-top:7rem; margin-top:40px;}
	.mainContnets .contentBox .main_conBox .patent {top:-2.1rem; right:-1.4rem; width:6.1rem; height:8.8rem; background-size:6.1rem;}

	.mainContnets .contentBox .conBox.bg {background:#fff;}
	.mainContnets .contentBox .conBox {padding:30px 20px 60px; height:auto; border-radius:16px;}
	.mainContnets .contentBox .conBox .con_text03 {position:absolute; top:0; left:0; padding:0; width:100%; height:10rem; line-height:7rem; font-weight:700; border-radius:16px 16px 0 0; z-index:-1;}
	.mainContnets .contentBox .conBox .con_text04, .contentBox02 .conbox06 .con_text04 {margin-top:0; font-size:4rem; line-height:5rem;}

	/* main 공통 */
	.mainContnets .contentBox .conbox01,
	.mainContnets .contentBox .conbox02 .cb02_contents,
	.mainContnets .contentBox .conbox03,
	.mainContnets .contentBox .conbox04,
	.contentBox02 .conbox07,
	.content02 .imgbox {flex-direction:column;}

	.mainContnets .contentBox .conbox01 img,
	.mainContnets .contentBox .conbox02 .cb02_contents div img,
	.mainContnets .contentBox .conbox03 img {max-width:52rem; width:100%;}

	.mainContnets .contentBox .conbox02,
	.mainContnets .contentBox .conbox05 img {width:100%;}

	/* main - 관제 */
	.mainContnets .contentBox .conbox01 ul {margin:3rem 0 0 0; max-width:52rem; width:100%;}

	/* main - SaaS */
	.mainContnets .contentBox .conbox02 .cb02_contents > img {width:4.6rem; transform: rotate(90deg);}

	/* main - 차주 매칭 */
	.mainContnets .contentBox .conbox03 ul {margin:32px 0 0 0;}

	/* main - 믿고 맏길 수 있는 지화다 */
	.contentBox02 {padding-top:11rem;}
	.contentBox02 .title h2 {margin-top:1.8rem; font-size:3rem; line-height:4rem;}

	/* main - 다날 */
	.contentBox02 .conbox06 {padding:40px 20px 60px;}
	.contentBox02 .conbox06 .img01 {margin:20px 0 40px; max-width:42rem; width:100%;}
	.contentBox02 .conbox06 .img02 { width:100%; overflow:auto;}
	.contentBox02 .conbox06 .img02::-webkit-scrollbar{display:block; height:4px;}
	.contentBox02 .conbox06 .img02::-webkit-scrollbar-track{background:transparent;}
	.contentBox02 .conbox06 .img02::-webkit-scrollbar-thumb{background:#da002a;}
	.contentBox02 .conbox06 .img02 img {width:100rem;}

	.contentBox02 .conbox06 .cb06_text {margin:23px 0 0 0; padding:20px; width:calc(100% - 40px); font-size:14px; line-height:20px; font-weight:500;}

	/* main - 보험 */
	.contentBox02 .conbox07 {padding:40px 20px 60px;}
	.contentBox02 .conbox07 img {width:36rem;}

	.contentBox02 .conbox07 .cb07_box {margin:40px 0 0 0;}
	.contentBox02 .conbox07 .cb07_box .con01 {text-align:center;}
	.contentBox02 .conbox07 .cb07_box .con01 .con_text06 {font-size:4rem; line-height:5rem;}
	.contentBox02 .conbox07 .cb07_box .con01 .con_text07 {margin:30px 0 40px; font-size:2.4rem; line-height:3rem; font-weight:500;}

	/* main - 이벤트 */
	.content02 .imgbox {margin-top:40px;}
	.content02 .imgbox img + img {margin:30px 0 0 0;}

	.content02 ul .text01 {font-size:4rem; line-height:5rem;}
	.content02 ul .text02 {font-size:2.4rem; line-height:3.2rem;}

	/* main - news */
	.newsContents {flex-direction:column;}
	.news_swiperbanner {height:57rem;}
	.newsContents .textbox .news_text01 {font-size:1.8rem; line-height:2.2rem;}
	.newsContents .textbox .news_text02 {margin:1rem 0; font-size:2.4rem; line-height:2.8rem;}
	.newsContents .textbox .news_text03 {height:5.2rem;}
	.newsContents .textbox .news_text03, .newsContents .textbox .news_text03 * {font-size:2rem; line-height:2.6rem;}

	/* 화물등록, 기업 */
	.ms_header {margin:-30px -20px 0; padding:40px 20px 50px; width:auto; height:auto; background:#ececec;}
	.ms_header ul .h_text01 {font-size:36px; line-height:40px; font-weight:800; text-align:center;}
	.ms_header ul .h_text02 {margin-top:10px; font-size:20px; line-height:24px; font-weight:400; text-align:center;}
	.ms_header button {display:block; margin:50px auto 0; max-width:500px; width:100%; height:60px; border-radius:10px; background:url(../images_new/GooglePlay.png) no-repeat center #000; background-size:163px;}

	.ms_header .btnBox {margin:50px auto 0; display:flex; align-items:center; max-width:600px; width:100%;}
	.ms_header .btnBox button {margin:0;}
	.ms_header .btnBox button + button {margin-left:10px;}
	.ms_header .appStore {background:url(../images_new/AppStore.png) no-repeat center #000; background-size:122px;}

	.s_contents {margin-top:0; padding:0; background:transparent;}
	/* .s_conBox {position:relative; margin:40px auto 0; padding-top:50px; max-width:500px;} */
	.s_conBox {position:relative; padding-top:60px; margin-top:40px;}
	.s_conBox .title {position:absolute; top:0; left:0; width:100%; height:77px; font-size:30px; line-height:60px; font-weight:700; text-align:center; border-radius:20px 20px 0 0; background:#da002a; color:#fff; z-index:-1;}
	.s_conBox > div {padding:60px 20px; border-radius:20px; background:#fff;}

	.s_contents .titleBox .text01 {font-size:26px; line-height:32px; text-align:center;}
	.s_contents .titleBox .text02 {margin-top:20px; font-size:18px; line-height:24px; text-align:center;}

	.s_conBox04 {display:block;}

	.ms_conBox {margin:0 auto; padding:0 20px; max-width:500px;}
	.ms_conBox .msc_title {margin:0 auto; padding:4px 21px; min-width:76px; width:fit-content; font-size:18px; line-height:22px; font-weight:700; text-align:center; border-radius:30px; background:#e1e1e1;}
	.ms_conBox .msc_title.bg_b {background:#000; color:#fff;}
	.ms_conBox > img {margin:20px auto 30px; display:block; max-width:340px; width:100%;}
	.ms_conBox ul li {position:relative; padding-left:33px; font-size:16px; line-height:21px; font-weight:500;}
	.ms_conBox ul li + li {margin-top:20px;}
	.ms_conBox ul .ms_text01::after {content:''; position:absolute; top:-2.5px; left:0; width:26px; height:26px; background:url(../images_new/number01.png) no-repeat center; background-size:26px;}
	.ms_conBox ul .ms_text02::after {content:''; position:absolute; top:-2.5px; left:0; width:26px; height:26px; background:url(../images_new/number02.png) no-repeat center; background-size:26px;}
	.ms_conBox ul .ms_text03::after {content:''; position:absolute; top:-2.5px; left:0; width:26px; height:26px; background:url(../images_new/number03.png) no-repeat center; background-size:26px;}
	.ms_conBox ul .ms_text04::after {content:''; position:absolute; top:-2.5px; left:0; width:26px; height:26px; background:url(../images_new/number04.png) no-repeat center; background-size:26px;}
	.ms_conBox ul .ms_text05::after {content:''; position:absolute; top:-2.5px; left:0; width:26px; height:26px; background:url(../images_new/number05.png) no-repeat center; background-size:26px;}
	.ms_conBox ul .ms_text06::after {content:''; position:absolute; top:-2.5px; left:0; width:26px; height:26px; background:url(../images_new/number06.png) no-repeat center; background-size:26px;}
	.ms_conBox ul .ms_text07::after {content:''; position:absolute; top:-2.5px; left:0; width:26px; height:26px; background:url(../images_new/number07.png) no-repeat center; background-size:26px;}
	.ms_conBox ul .ms_text08::after {content:''; position:absolute; top:-2.5px; left:0; width:26px; height:26px; background:url(../images_new/number08.png) no-repeat center; background-size:26px;}

	.s_conBox01 hr, .s_conBox05 hr, .s_conBox06 hr {display:block; margin:40px auto; max-width:500px; border:1px dashed #cecece; border-width:1px 0 0 0;}
	.s_conBox01 > div p {margin-top:60px; font-size:24px; line-height:32px; font-weight:800; text-align:center;}

	.s_conBox02 .ms_conBox + .ms_conBox {margin-top:60px;}
	.s_conBox02 .ms_conBox p {margin:30px 0; font-size:22px; line-height:26px; font-weight:700; text-align:center;}

	.s_conBox03 .fee {margin:20px auto 0; max-width:320px;}

	.s_conBox05 .ms_conBox > img {max-width:100%;}
	.s_conBox05 .imgBox {width:100%; overflow:auto;}
	.s_conBox05 .imgBox::-webkit-scrollbar{display:block; height:4px;}
	.s_conBox05 .imgBox::-webkit-scrollbar-track{background:transparent;}
	.s_conBox05 .imgBox::-webkit-scrollbar-thumb{background:#da002a;}
	.s_conBox05 .imgBox img {width:70rem;}

	.s_conBox05 .ms_conBox .saas {margin:40px auto; width:fit-content;}
	.s_conBox05 .ms_conBox .saas li {position:relative; padding-left:26px; font-size:20px; line-height:26px; font-weight:700;}
	.s_conBox05 .ms_conBox .saas li + li {margin-top:15px;}
	.s_conBox05 .ms_conBox .saas li::after {content:''; position:absolute; top:0; left:0; width:19px; height:26px; background:url(../images_new/biz_img05.png) no-repeat center; background-size:19px;}

	.s_conBox05 .ms_conBox .fixed {position:relative; margin-top:40px;}
	.s_conBox05 .ms_conBox .fixed::after {content:''; position:absolute; top:20px; left:50%; transform:translateX(-50%); height:360px; border:1px dashed #707070;}
	.s_conBox05 .ms_conBox .fixed li {padding:20px; font-size:16px; line-height:20px; font-weight:700; text-align:center; border-radius:6px; border:1px solid #707070; background:#f0ece4; z-index:1;}

	/* 주선사 */
	.ms_header .preparing {font-size:18px;}

	/* 차주 */
	.driver_contents {background:transparent;}
	.d_contents > div, .d_contents .d_conBox .imgBox {flex-direction:column;}
	.d_contents {margin:0;}
	.d_contents .d_conBox + .d_conBox {margin:40px 0 0 0;}
	.d_contents .d_conBox {max-width:500px; width:100%;}
	.d_contents .d_conBox h2 {font-size:22px; line-height:48px;}
	.d_contents .d_conBox > div {padding:20px 20px 40px;}
	.d_contents .d_conBox > div p {margin:0 0 20px 0; font-size:18px; line-height:24px;}

	.d_contents .d_conBox .imgBox img {max-width:320px; width:100%; height:auto;}
	.d_contents .d_conBox .imgBox img + img {margin:0;}

	.s_conBox06 .msc_title + .titleBox {margin-top:30px;}
	.s_conBox06 .titleBox .text01, .s_conBox06 .titleBox .text02 {padding:0;}

	/* 관제/고객지원 */
	.s_conBox09 .ms_conBox ul .img01, .s_conBox09 .ms_conBox ul .img02 {padding-left:0;}
	.s_conBox09 .ms_conBox ul .img01 img {margin:0 auto; display:block; max-width:200px; width:100%;}
	.s_conBox09 .ms_conBox ul .img02 img {margin:0 auto; display:block; max-width:320px; width:100%;}
	.s_conBox09 .ms_conBox + .titleBox {margin-top:60px;}

	.s_conBox09 .imgBox img {margin:0 auto; display:block; max-width:320px; width:100%;}
	.s_conBox09 .imgBox img + img {margin-top:40px;}

	.s_conBox09 .cs {flex-direction:column;}
	.s_conBox09 .cs ul {padding:14px 0; margin:0 auto; max-width:400px; width:100%; text-align:center; border-radius:53px; background:#f0ece4;}
	.s_conBox09 .cs ul + ul {margin:20px 0 0 0;}
	.s_conBox09 .cs ul .text01 {font-size:20px; line-height:24px; font-weight:700;}
	.s_conBox09 .cs ul .text02 {margin-top:3px; font-size:14px; line-height:18px; font-weight:500;}

	.biz_footer {margin-top:60px;}
	.biz_footer ul {margin:0 auto; padding:30px 20px; flex-direction:column; align-items:flex-start; max-width:400px; width:auto; height:auto; border-radius:8px;}
	.biz_footer ul .text01 {margin:0 auto 20px; display:block; width:105px; height:38px; background-size:105px;}
	.biz_footer ul .text02 {margin:0 0 10px 0;}
	.biz_footer ul .text02::after, .biz_footer ul .text03::after {width:25px; height:25px; background-size:25px;}
	.biz_footer ul li {padding-left:35px; font-size:18px; line-height:25px;}

	/* 홍보센터 */
	.searchBox {margin:0 auto; max-width:420px;}
	.searchBox input {width:calc(100% - 60px); height:50px; font-size:18px;}
	.searchBox input::placeholder {font-size:18px;}
	.searchBox button {margin-left:10px; width:50px; height:50px; background-size:50px;}

	.news_contents {margin-left:0; padding:0;}
	.news_contents .newsBox {margin:60px auto 0; max-width:380px; width:100%;}
	.news_contents .newsBox .imgBox {margin:0 auto; width:280px; height:236px; border-radius:10px;}
	/* .news_contents .newsBox .imgBox img {width:100%;} */

	.news_contents .newsBox ul {margin-top:20px;}
	.news_contents .newsBox ul .text01 {font-size:12px; line-height:14px;}
	.news_contents .newsBox ul .text02 {margin:10px 0; font-size:20px; line-height:24px;}
	.news_contents .newsBox ul .text03 {font-size:14px; line-height:18px;}
	.news_contents .newsBox ul .text03 * {font-size:14px !important; line-height:18px;}

	/* 홍보센터 - 상세페이지 */
	.newsDetail {margin:0;}
	.newsDetail .date {margin:0; text-align:left;}
	.newsDetail h2 {margin:10px 0 30px; font-size:20px; line-height:24px;}

	.newsDetail .textBox {padding:30px 0 90px; min-height:286px;}
	.newsDetail .textBox button.news {max-width:320px; width:100%; height:50px; font-size:20px; border-radius:12px;}

	/* 지화툰 */
	.zt_title {margin:0 auto 20px; width:fit-content; font-size:20px; line-height:24px; text-align:left;}

	/* 지화툰 - 상세페이지 */
	.detailedpage h2 {font-size:33px; line-height:41px;}
	.detailedpage .topcont li {font-size:14px; line-height:36px;}
	.detailedpage .topcont a li {width:36px; height:36px;}
	.detailedpage .updatecontent {margin:30px 0; font-size:14px; line-height:30px;}
	.prev_nextbutton {margin:20px 0 30px 0;}
	.prev_nextbutton ul li:nth-child(1) {font-size:16px; line-height:18px;}
	.prev_nextbutton ul li:nth-child(2) {display:none;}

	/* 포켓오더 이벤트 */
	.start_event {margin-top:20px; padding:20px 16px; border-radius:20px 20px 0 0; background:#273667;}
	.start_event .setext01 {margin:0 2px; height:39px; font-size:18px; line-height:39px; font-weight:800; text-align:center; border-radius:8px; background:#3d4c7e; color:#fff;}
	.start_event .setext02 {margin-top:20px; font-size:18px; line-height:21px; font-weight:800; text-align:center; color:#fecc1b;}
	.start_event .setext02 span {color:#fff;}

	.event_contents {padding:30px 10px;}
	.event_contents .inform, .event_contents .inform .e_con01 {display:block;}
	.event_contents .inform {padding:30px 20px;}
	.event_contents .inform div:nth-child(1), .event_contents .inform div:nth-child(2) {width:100%;}
	.event_contents .inform .e_con01 + .e_con01, .event_contents .inform div:nth-child(2) {margin-top:20px;}
	.event_contents .inform .e_text01 {width:110px; height:39px; font-size:18px; line-height:39px; border-radius:8px;}
	.event_contents .inform .e_text02 {margin:8px 0 0 0; font-size:20px; line-height:24px;}
	.event_contents .inform .e_text02 .efont-r1 {font-size:40px; line-height:48px;}
	.event_contents .inform .e_text02 .efont-r2 {font-size:26px; line-height:31px;}
	.event_contents .inform .e_text02 .es_text {margin-top:6px;}
	.event_contents .inform .e_con02 li {padding-left:41px; margin-top:18px; font-size:18px; line-height:23px;}
	.event_contents .inform .e_con02 li:nth-child(1):before,
	.event_contents .inform .e_con02 li:nth-child(2):before {width:31px; height:31px; background-size:31px;}

	.event_contents .btnbox {display:block; margin:5rem 0;}
	.event_contents .btnbox div:nth-child(1) {padding:0; border-right:none;}
	.event_contents .btnbox div:nth-child(2) {padding:0; margin-top:20px;}
	.event_contents .btnbox button {max-width:100%; height:79px; border-radius:10px;}
	.event_contents .btnbox .googleplay {background-size:163px;}
	.event_contents .btnbox .appstore {background-size:153px;}
	.event_contents .btnbox .appstore img {top:9px; right:9px; width:49px;}
	.event_contents .btnbox .youtube {background-size:136px;}
	.event_contents .btnbox .kakao {background-size:137px;}

	.event_contents .map_con h2 span {font-size:30px; line-height:40px; letter-spacing:-0.33px;}
	.event_contents .map_con .joinintend {margin:50px 0 80px 0; display:block; text-align:center;}
	.event_contents .map_con .joinintend img {width:202px;}
	.event_contents .map_con .joinintend p {margin:30px 0 0 0; font-size:18px; line-height:26px; letter-spacing:-0.2px;}

	/* .estable_box .searchbox select {width:90px;} */
	.estable_box .searchbox .selectBox {width:74px;}
	.estable_box .searchbox .selectBox .label2, .estable_box .searchbox .selectBox .optionList2 {font-size:14px; font-weight:700;}
	.estable_box .searchbox .con_box {margin:0 4px; width:calc(100% - 134px);}
	.estable_box .searchbox .con_box input {padding:0 10px; font-size:14px;}
	.estable_box .searchbox .s_btn {width:60px; font-size:16px;}

	.estable_box .table ul li {height:36px; font-size:12px; line-height:15px;}
	.estable_box .table .type01 {display:none;}
	.estable_box .table .type04 {max-width:74px;}
	.estable_box .table .thead .type05 {max-width:128px;}

	/* .event_contents .map_con .event_situation .es_right ul li {font-size:2.4rem; line-height:3.4rem;}
	.event_contents .map_con .event_situation .es_right ul li span {font-size:2.2rem;} */

	.event_footer, .event_footer div {display:block; text-align:center;}
	.event_footer {margin:0 -10px -30px;}
	.event_footer img {width:187px;}
	.event_footer ul {padding-left:0; margin:4rem 0 30px 0;}
	.event_footer ul:after {border-left:none;}
	.event_footer p {max-width:100%; font-size:16px; line-height:23px;}
}

@media (max-width:480px) {
	/* main - 화물 요금 조회 분석 */
	.rate_contents .inform_contents, .rate_contents .analysis_contents {max-width:100%;}
	.rate_contents .inform_contents .inform_top .inform_text02 {font-size:14px;}
	.rate_contents .analysis_contents .analysisBox .case h2 {font-size:20px; line-height:24px;}
	.rate_contents .analysis_contents .analysisBox .case .catext01, .rate_contents .analysis_contents .analysisBox .case .catext02, .rate_contents .analysis_contents .analysisBox .case p {font-size:14px; line-height:16px;}
	.rate_contents .analysis_contents .analysisBox .case ul, .rate_contents .analysis_contents .analysisBox .case ul + ul {margin-top:5px;}
	.rate_contents .analysis_contents .analysisBox .case p {margin:5px 0 0 0;}

	.rate_contents .analysis_contents .analysisBox .contents th {height:46px; font-size:17px;}
	.rate_contents .analysis_contents .tip_text01 {font-size:16px; line-height:20px;}
	.rate_contents .analysis_contents .tip_text02 {margin-top:10px; font-size:22px; line-height:29px;}
	.rate_contents .analysis_contents .tip_text02 .font-red {display:block;}

	/* main - youtube */
	.contents > .youtube {padding:20px 10px;}

	/* main contents */
	.mainContnets .contentBox .main_conBox {padding-top:50px;}
	.mainContnets .contentBox .conBox .con_text03 {height:68px; font-size:20px; line-height:50px;}
	.mainContnets .contentBox .conBox .con_text04, .contentBox02 .conbox06 .con_text04 {margin:0 0 30px 0; font-size:22px; line-height:26px;}
	.mainContnets .contentBox .conBox .con_text05, .contentBox02 .conbox06 .con_text05 {font-size:14px; line-height:18px;}
	
	.mainContnets .contentBox .main_conBox .patent {top:-21px; right:-10px; width:42px; height:59px; background-size:42px;}

	/* main - 관제 */
	.mainContnets .contentBox .conbox01 ul {margin:20px 0 0 0; max-width:340px}
	.mainContnets .contentBox .conbox01 ul li {height:34px; font-size:14px; line-height:34px;}
	.mainContnets .contentBox .conbox01 ul li + li {margin-top:8px;}

	/* main - 차주 매칭 */
	.mainContnets .contentBox .conbox03 ul li {padding-left:26px; font-size:14px; line-height:20px;}
	.mainContnets .contentBox .conbox03 ul li::after {width:20px; height:20px; background-size:20px;}

	/* main - 표준요금제 */
	.mainContnets .contentBox .mobile .conbox04 {margin-top:20px;}
	.mainContnets .contentBox .mobile .conbox04 div + div {margin-top:30px;}
	.mainContnets .contentBox .mobile .conbox04 div img {margin:0 auto; display:block; width:220px;}
	.mainContnets .contentBox .mobile .conbox04 div p {margin-top:20px; font-size:19px; line-height:23px; font-weight:700; text-align:center;}

	/* main - 콜센터 */
	.mainContnets .contentBox .conbox05 .mobile::after {top:200px;}
	.mainContnets .contentBox .conbox05 .mobile img {width:210px;}
	.mainContnets .contentBox .conbox05 .mobile ul li {max-width:100%;}

	/* main - 보험 */
	.contentBox02 .conbox07 img {width:232px;}
	.contentBox02 .conbox07 .cb07_box .con01 .con_text06 {font-size:22px; line-height:26px;}
	.contentBox02 .conbox07 .cb07_box .con01 .con_text07 {font-size:14px; line-height:20px;}

	.contentBox02 .conbox07 .cb07_box .con02 {border-radius:6px;}
	.contentBox02 .conbox07 .cb07_box .con02 h2 {font-size:18px; line-height:60px; text-align:center;}
	.contentBox02 .conbox07 .cb07_box .con02 div {padding:20px;}
	.contentBox02 .conbox07 .cb07_box .con02 div ul + ul {margin-top:30px;}
	.contentBox02 .conbox07 .cb07_box .con02 div .text01 {font-size:20px; line-height:24px;}
	.contentBox02 .conbox07 .cb07_box .con02 div .text02 {margin-top:16px; font-size:14px; line-height:20px;}

	/* main - 이벤트 */
	.content02 ul .text01 {font-size:22px; line-height:28px;}
	.content02 ul .text02 {margin-top:30px; font-size:14px; line-height:20px;}

	/* 화물등록, 기업 */
	.ms_header ul .h_text01 {font-size:26px; line-height:30px;}
	.ms_header ul .h_text02 {font-size:16px; line-height:19px;}

	.s_conBox {padding-top:50px;}
	.s_conBox .title {height:67px; font-size:20px; line-height:50px;}

	.s_contents .titleBox .text01 {font-size:20px; line-height:26px;}
	.s_contents .titleBox .text02 {font-size:14px; line-height:20px;}

	.ms_conBox .msc_title {font-size:15px; line-height:18px;}
	.ms_conBox ul li {font-size:14px;}

	.s_conBox01 > div p {margin-top:40px; font-size:20px; line-height:26px;}
	.s_conBox02 .ms_conBox p {margin:20px 0; font-size:18px; line-height:22px;}

	.s_conBox05 .ms_conBox .saas li {font-size:16px; line-height:19px;}
	.s_conBox05 .ms_conBox .saas li::after {height:19px;}

	.s_conBox05 .ms_conBox .fixed li {padding:20px 10px; font-size:15px;}

	/* 차주 */
	.ms_header .btnBox {flex-direction:column;}
	.ms_header .btnBox button + button {margin:20px 0 0 0;}
	.d_contents .d_conBox > div p {font-size:14px; line-height:16px;}
	.d_contents .d_conBox h2 {font-size:16px; line-height:38px;}

	/* 관제/고객지원 */
	.s_conBox09 .cs ul {max-width:320px;}
	.s_conBox09 .cs ul .text01 {font-size:16px; line-height:20px;}
	.s_conBox09 .cs ul .text02 {margin-top:3px; font-size:12px; line-height:14px;}

}

@media (max-width:359px) {
	.news_contents .newsBox .imgBox {width:100%; height:100%;}
}

/* 지화툰 */
@media all and (min-width:40em) {
	.toon_contentbox .list {padding:0.5em; max-width:1580px; margin:0 auto; overflow:hidden;}
	.toon_contentbox .list li {padding:0.5em; display:block; width:48.4%; float:left; background:none; border:0; margin:0;}
	.toon_contentbox .inner {display:block;}
	.toon_contentbox .li-img, .li-text, .inner {display:block; width:auto; padding:0;}
	.toon_contentbox .li-img {border-bottom:1px solid #dedede; border-right:none;}
}
@media all and (min-width:50em) {
	.toon_contentbox .list li {width:24.33333333%;}
}
@media all and (min-width:768px) and (max-width:959px) {
	/* .toonbg {background-image:linear-gradient(to top, #fff calc(100% - 520px), #222 350px);} */
	.toon_buttonbox li {height:66px; font-size:26px; line-height:66px;}
}
@media all and (min-width:540px) and (max-width:767px) {
	/* .toonbg {background-image:linear-gradient(to top, #fff calc(100% - 420px), #222 300px);} */
	.toon_buttonbox li {height:60px; font-size:24px; line-height:60px;}
}
@media all and (max-width:539px) {
	/* .toonbg {background-image:linear-gradient(to top, #fff calc(100% - 300px), #222 260px);} */
	/* .toon_buttonbox {padding:60px 20px 30px 20px;}
	.toon_buttonbox li {height:50px; font-size:20px; line-height:50px;} */
	.toon_contentbox .li-text {padding:5px 10px;}
	.toon_contentbox .li-text p:nth-child(1) {font-size:10px; line-height:12px;}
	.toon_contentbox .li-text p:nth-child(2) {font-size:20px; line-height:22px; margin:3px 0;}
	.toon_contentbox .li-text p:nth-child(3), .toon_contentbox .li-text p:nth-child(4) {font-size:12px; line-height:16px;}
	.toon_contentbox .li-text p:nth-child(3) {margin-bottom:2px;}
}