@charset "utf-8";
.sub_visual.active .sub_visual_bg,
.sub_visual .sub_visual_bg.sub02,
.sub_visual .sub_visual_bg.sub03,
.sub_visual .sub_visual_bg.sub04
 {
    transition: all 3s;
    -webkit-transition: all 3s;
    -moz-transition: all 3s;
    -o-transition: all 3s;
    -ms-transition: all 3s;
}

.sub_visual {position: relative;background-color: #000}
.sub_visual .sub_visual_bg {background: url(../images/sub/sub01_bg.png) no-repeat 50% center;position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;opacity: 0.7;background-size: 113%;}
.sub_visual .sub_visual_bg.sub02 {background: url(../images/sub/sub02_bg.png) no-repeat 50% center;position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;opacity: 0.7;background-size: 113%;}
.sub_visual .sub_visual_bg.sub03 {background: url(../images/sub/sub03_bg.png) no-repeat 50% center;position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;opacity: 0.7;background-size: 113%;}
.sub_visual .sub_visual_bg.sub04 {background: url(../images/sub/sub04_bg.png) no-repeat 50% center;position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;opacity: 0.7;background-size: 113%;}
.sub_visual.active .sub_visual_bg {opacity: 1;background-size: 100%;}
.menu_bg {width: 100%;height: 0;position: absolute;top: 59px;display: none;left: 0;z-index: 3;background: linear-gradient(138deg, rgb(246 79 181) 0%, rgb(0 54 104) 100%, rgb(0 54 104) 245094%);}

.sub_title {max-width: 1200px;margin: 0 auto;padding: 10% 1.5% 8%;color: #fff;position: relative}
.sub_title h2 {font-size: 3vw;margin-bottom: 10px;font-weight: 800;}
.sub_title p {font-size: 19px;color: rgba(255,255,255,0.7);font-weight: 300}
.sub_text_wrap {max-width:1200px;margin: 0 auto 100px;clear: both}
.sub_text_wrap:after {content:'';clear: both;display: block}
.sub_text_wrap h4 {font-size: 26px;padding: 0;float: left;width: 200px}
.sub_text_wrap .sub_text_wrap_inner {float: left;width: calc(100% - 200px)}
.sub_text_wrap .sub_text_wrap_inner strong {font-size: 18px;margin-bottom: 20px;display: block}
.sub_img_wrap {max-width:1200px;margin:0 auto 100px}

.contents {padding: 5% 0 100px}
.contents.wall {max-width:100%}
.contents_wrap {margin-right: 60px} 
.contents > h2 {font-size: 2em;font-weight: 700;color: #333;clear: both;padding: 50px 0px 30px;letter-spacing: -0.7px}
.contents .sub_titlie {color: #222;font-size: 42px;font-weight: 800;letter-spacing: -1px;text-align: center;margin-bottom: 4vw}
.webtong_tab {margin-bottom: 60px;position:relative}
.webtong_tab h4 {display:none}
.webtong_tab ul {display:table;table-layout:fixed;position:relative;z-index: 1;margin: 0 auto}
.webtong_tab ul li {display:table-cell;padding: 0 15px;}
.webtong_tab ul li a {display: inline-block;position:relative;text-align:center;white-space: nowrap;padding: 13px 3px 16px;font-size: 18px;font-weight: 700;text-decoration:none}
.webtong_tab ul li a:after {content:'';display:block;position:absolute;top:0;right:0;bottom:0}
.webtong_tab ul li.on a, .webtong_tab li:hover a {z-index: 1;color: #444}
.webtong_tab ul li a:after, .webtong_tab li a:after {content:'';display: inline-block;position:absolute;top: 50%;right: -17px;width: 6px;height: 6px;background-color: #c5c5c5;border-radius: 50%;margin-top: -4px;}
.webtong_tab ul li.on a:before, .webtong_tab li:hover a:before {content:'';display:block;position:absolute;bottom: 0;left:0;background-color: #a0171a;width: 100%;height: 3px}
.webtong_tab ul li:last-child:hover a:after, .webtong_tab ul li:last-child a:after {content:none}

.basic_wrap {max-width: 1200px;margin: 0 auto;padding: 4% 0 0}
.basic_wrap.last_mb {margin-bottom:200px}
.basic_wrap h4 {font-size: 22px;margin-bottom: 10px}
.table-wrap {position: relative;margin: 0 auto}
.table-wrap .tab_type_01 {width:100%; table-layout:fixed; border-top:2px solid #a0171a;min-width: 780px}
.table-wrap .tab_type_01 thead tr th {text-align:center; padding-left:5px}
.table-wrap .tab_type_01.th_c tr th {text-align:center;padding: 15px 8px 14px}
.table-wrap .tab_type_01.th_c tr td {text-align:left}
.table-wrap .tab_type_01 thead tr th .small{display: block; font-size:0.8em}
.table-wrap .tab_type_01 tr th,
.table-wrap .tab_type_01 tr td {border-bottom:1px solid #ddd; padding:15px 8px 14px; font-weight:400; font-size:16px; letter-spacing:-0.25px; color:#555; line-height:1.3}
.table-wrap .tab_type_01 tr th {background-color:#f6f6f6; text-align:left; padding-left:20px}
.table-wrap .tab_type_01 tr td {border-left:1px solid #ddd; text-align:center;position: relative}
.table-wrap .tab_type_01 tr td b {font-weight:600}
.table-wrap .tab_type_01 tr td .red {color:#a0171a}
.table-wrap .tab_type_01 tr td:first-child {border-left:0}
.table-wrap img {max-width:100%}
.table-wrap .scroll-bg {display: none}
.table-wrap .tab_type_01 tr td.c_wine {background-color: #a0171a;color: #fff}
.table-wrap .t_list {}
.table-wrap .t_list li {position:relative;padding-left: 7px}
.table-wrap .t_list li:before {content:'';position:absolute;width: 3px;height: 3px;display: inline-block;background-color: #a0171a;left: 0;top: 8px}

.accent_text_01 {text-align: center;font-size: 19px;font-weight: 300;letter-spacing: -1px;max-width: 1200px;margin: 0 auto 4%;color: #858585}
.accent_text_01 .sub_stress {display: block;margin-bottom: 19px;color: #1b1b1b}
.accent_text_01.last_mb {margin-bottom:0}
.accent_text_02 {margin: 30px 0 50px}
.accent_text_02 .sub_stress {display: block;margin-bottom: 35px;font-size: 25px}
.accent_bg {background: url(https://app.logismart.kr/assets/images/sub/accent_bg.png) no-repeat center bottom;background-size: cover;width: 100%;text-align: center;padding: 6% 0}
.accent_bg.bg02 {background: url(https://app.logismart.kr/assets/images/sub/accent_bg02.png) no-repeat center bottom;background-size: cover}
.accent_bg > p {padding: 1% 0 3%;max-width: 1200px;font-size: 17px;text-align: center;color: hsl(0deg 0% 100% / 57%);margin: 0 auto}
.accent_bg > p > strong {display: block;color: #fff;font-size: 31px;margin-bottom: 39px}
.accent_bg > .ico_box {padding: 1% 0}
.accent_bg > .ico_box > strong {display: block;color: #fff;font-size: 19px;margin-bottom: 87px}
.accent_bg > .ico_box .icon_box_inner {display: flex;flex-wrap: wrap;text-align: center;color: #fff}
.accent_bg > .ico_box .icon_box_inner > li {flex: 1 1 20%;border-right: 1px solid rgba(255,255,255,0.11)}
.accent_bg > .ico_box .icon_box_inner .icon_box_con {padding: 56px 10px}
.accent_bg > .ico_box .icon_box_inner .icon_box_con p {margin-bottom: 16px}
.accent_bg > .ico_box .icon_box_inner .icon_box_con strong {display:block;font-size: 24px;margin-bottom: 16px;color: #6feaff}
.accent_bg > .ico_box .icon_box_inner li:nth-of-type(2) .icon_box_con strong {color: #a5ff6f}
.accent_bg > .ico_box .icon_box_inner li:nth-of-type(3) .icon_box_con strong {color: #ffe86f}
.accent_bg > .ico_box .icon_box_inner li:nth-of-type(4) .icon_box_con strong {color: #ff6f6f}
.accent_bg > .ico_box .icon_box_inner .icon_box_con span {display: block;font-weight: 600;font-size: 18px;margin-bottom: 25px}
.accent_bg > .ico_box .icon_box_inner .icon_box_con ul {font-weight: 200;padding: 0 12%;text-align: left}
.accent_bg > .ico_box .icon_box_inner .icon_box_con ul li {position:relative;padding-left: 10px}
.accent_bg > .ico_box .icon_box_inner .icon_box_con ul li:after {content:'';background-color: #FFF;width: 3px;height: 3px;display: inline-block;position: absolute;left: 0;top: 9px}
.accent_bg02 {width: 100%;text-align: center;background-color: #f0f0f0;padding: 4% 0}
.accent_bg02 strong {display: block;margin-bottom: 40px;font-size: 35px}
.map_pin {position: relative;z-index: 1;max-width: 1200px;margin: 0 auto}
.pulse {animation: pulse 3s linear;animation-iteration-count: infinite;border: 1px solid #fe4f4f;background: rgba(254,79,79,0.65);height: 40px;width: 40px;border-radius: 50%;position: absolute;z-index: 0;opacity: 0;box-sizing: border-box}

.intro_wrap {display: flex;background-color: #a0171a;color: #fff;position:relative}
.intro_wrap .intro_bg {flex: 1 1 50%;background: url(../images/sub/intro_bg.png) no-repeat center;background-size: cover;display: flex;justify-content: center;align-items: center;}
.intro_wrap .intro_bg.bg02 {background: url(../images/sub/intro_bg_.png) no-repeat center left}
.intro_wrap .intro_bg p {font-size: 28px;text-align: center;line-height: 1.4;letter-spacing: -1px;font-weight: 100;}
.intro_wrap .intro_bg p strong {font-size: 34px;font-weight: 700;display: block;margin-bottom: 8px}
.intro_wrap .intro_bg p > strong > em {color: #f3e262}
.intro_wrap .intro_bg p > em {}
.intro_wrap .intro_text {flex: 1 1 50%;padding: 5vw 4vw}
.intro_wrap .intro_text.greetings {}
.intro_wrap .intro_text.greetings .first_txt {opacity: 1}
.intro_wrap .intro_text.greetings p {font-size: 18px;margin-bottom: 22px;line-height: 1.4;font-weight: 200;opacity: 0.8;}
.intro_wrap .intro_text.greetings p strong {font-size: 31px}
.intro_wrap .intro_text.greetings p span {}
.intro_wrap .intro_text.greetings p em {font-size: 29px;padding-left: 8px}
.intro_wrap .travel_img {position: absolute;right: 37px;bottom: -63px}
.intro_wrap .intro_text ul li {display: flex;align-items: center;margin-bottom: 14px;gap: 15px;line-height: 23px}
.intro_wrap .intro_text ul li strong {flex-grow: 0;min-width: 130px;text-align: center;padding: 9px;background-color: rgb(255 255 255 / 25%);border-radius: 20px 0 20px 0;opacity: 0.7}
.intro_wrap .intro_text ul li p {flex-grow: 1;opacity: 0.7;font-weight: 200}
.intro_img_wrap {background: url(../images/sub/intro_bg02.png) no-repeat center;display: flex;justify-content: center;align-items: center;padding: 5vw;background-size: cover;}
.intro_img_wrap img {width: auto;max-width: 100%}

.area {max-width: 1280px;margin: 0px auto}
.history-titlie {margin-bottom:70px}
.history-titlie h4 {color: #222;font-size: 32px;font-weight: 800;letter-spacing: -1px;text-align: center;margin: 100px 0 2vw}
.history-titlie .tit {font-weight:800; font-size:45px; letter-spacing:-1px; line-height:1.33; color:#222}
.history-titlie .tit span {color:#a0171a}
.history-titlie .txt {font-weight:400; font-size:18px; letter-spacing:-0.75px; color:#333; line-height:1.5; margin-top:40px}

.history-wrap {padding: 5vw 0 5vw;border-bottom: 1px solid #e5e5e5}
.history-wrap:last-of-type {    border-bottom: 0}
.history-wrap .year_wrap {float:left; width:40%; font-weight:700; font-size:30px; letter-spacing:-0.35px; color:#222}
.history-wrap .year_wrap em{font-weight:700; color:#a0171a}
.history-wrap .year_wrap b {display:block; font-size:70px; padding:30px 0 0 20px}
.history-wrap .history-detail{float:left; width:56.2%}
.history-wrap .history-detail .detail-item{margin-bottom:40px; display:flex}
.history-wrap .history-detail .detail-item:last-child{margin-bottom:0}
.history-wrap .history-detail .detail-item dt {width: 20%;font-weight: 700;font-size: 24px;letter-spacing: -0.25px;color: #222;padding-top: 0px;}
.history-wrap .history-detail .detail-item dd{}
.history-wrap .history-detail .detail-item dd p{position:relative;font-weight:400;font-size:16px;letter-spacing:-0.25px;color:#333;line-height: 1.4;padding-left:8px;margin-bottom: 9px;}
.history-wrap .history-detail .detail-item dd p:before {position:absolute;content:"";left:0;top: 16px;background-color: #6d6d6d;width: 3px;height: 3px;margin-top: -3px;border-radius: 50%;}

.service_wrap .service_inner {background: url(../images/sub/service_wrap.png) no-repeat;background-size: cover;}
.service_wrap .service_inner .service_list {display: flex;flex-wrap: wrap;align-items: center;height: 800px;justify-content: center;}
.service_wrap .service_inner .service_list > li {flex: 1 1 16.6666%;color: #fff;text-align: center;height: 100%;display: flex;align-items: center;border-right: 1px solid rgb(255 255 255 / 11%);justify-content: center;}
.service_wrap .service_inner.bg002 .service_list > li {flex: 1 1 33%;color: #fff;text-align: center;height: 100%;display: flex;align-items: center;border-right: 1px solid rgb(255 255 255 / 11%);justify-content: center;}
.service_wrap .service_inner.bg002 {background: url(../images/sub/bg002.png) no-repeat;background-size: cover;}
.service_wrap .service_inner.bg003 {background: url(../images/sub/performance.png) no-repeat;background-size: cover;padding: 13% 0}
.speclalist_wrap {margin-bottom: 60px}
.speclalist_wrap img {border-radius: 15px;max-width:100%}

.service_wrap .service_inner .service_list > li:last-child {border-right:0}
.service_wrap .service_inner .service_list .inner {padding: 5vw 3vw;}
.service_wrap .service_inner .service_list .inner > em {display: flex;font-family: 'Play';font-size: 40px;font-weight: bold;border: 1px solid rgb(255 255 255 / 18%);width: 100px;height: 100px;align-items: center;justify-content: center;border-radius: 50%;margin: 0 auto 30px;background-color: rgb(255 255 255 / 6%)}
.service_wrap .service_inner .service_list .inner > em.line_none {border:0;background-color: rgb(0 0 0 / 19%);}
.service_wrap .service_inner .service_list .inner strong {display: block;margin-bottom: 23px;letter-spacing: 2px;}
.service_wrap .service_inner .service_list .inner strong.f_s {font-weight: 500;opacity: 0.6;}
.service_wrap .service_inner .service_list .inner > span {font-size: 25px;margin-bottom: 12px;display: block;font-weight: 600;}
.service_wrap .service_inner .service_list .inner p {font-weight: 100;line-height: 1.5;height: 72px;}
.trip_wrap {font-weight: 100;margin-top: 20px;}
.trip_wrap li {margin-bottom: 10px;}
.trip_wrap li span {display: inline-block;padding: 10px 0;min-width: 330px;border: 1px solid rgb(255 255 255 / 24%);border-radius: 19px;font-size: 15px}

.business_wrap {max-width:1200px;margin:100px auto}
.business_wrap > h3 {color: #222;font-size: 32px;font-weight: 800;letter-spacing: -1px;margin-bottom: 10px;}
.business_wrap > strong {margin-bottom: 29px;display: block}
.business_inner {display: flex;gap: 10px;margin-bottom: 60px;flex-wrap: wrap;}
.business_inner li {flex: 1 1 20%}
.business_inner li .b_inner {background-color: #a0171a;width: 230px;height: 230px;color: #fff;margin: 0 auto;display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 16px;border-radius: 50%}
.business_inner li:nth-child(even) .b_inner {background-color: #313131}
.business_inner02 {padding: 0 1.5%;margin-bottom: 6vw;}
.business_inner02 > li {display: flex;gap: 23px;align-items: center;margin-bottom: 40px;}
.business_inner02 > li span {flex: 0 1 auto;min-width: 130px;display: flex;justify-content: center;align-items: center;width: 130px;height: 130px;border-radius: 50%;background-color: #eaf1f5}
.business_inner02 > li span img {}
.business_inner02 > li .b_inner02 ul {line-height: 1.5}
.business_inner02 > li .b_inner02 ul li {position:relative;padding-left: 10px;}
.business_inner02 > li .b_inner02 ul li:before {content:'';position:absolute;width: 4px;height: 4px;background-color: #a0171a;border-radius: 50%;top: 7px;left: 0;}
.business_inner02 > li .b_inner02 strong {color: #1b1b1b;font-size: 25px;margin-bottom: 8px;display: block;line-height: 1.2}
.business_inner02 > li .b_inner02 p {line-height: 1.5}
.business_inner03 {display: flex;gap: 14px;margin-bottom: 60px;flex-wrap: wrap;}
.business_inner03 li {flex: 1 1 0;}
.business_inner03 li .b_inner03 {position: relative;text-align: center;}
.business_inner03 li .b_inner03 img {border-radius: 15px}
.business_inner03 li .b_inner03 strong {position: absolute;z-index: 1;color: #fff;left: 0;top: 50%;text-align: center;width: 100%;font-size: 25px;padding: 0 43px;transform: translateY(-50%);display: flex;align-items: center; justify-content: center}

.brands_wrap {background-color: #a0171a;text-align: center;position:relative}
.brands_wrap:before {content:"";position:absolute;width: 100%;background-color: #FFF;left: 0;bottom: 0;height: 194px;}
.brands_wrap .brands_inner {max-width: 1280px;margin: 0 auto;color: #fff;padding: 88px 0 0}
.brands_wrap .brands_inner strong {display:block;line-height: 1.6;letter-spacing: -1px;font-size: 22px;font-weight: 300;max-width: 1000px;margin: 0 auto 67px;padding: 0 1.5%;}
.brands_wrap .brands_inner ul {display: flex;font-size: 16px;background-color: #fff;color: #000;box-shadow: 0px 19px 27px 12px rgb(0 0 0 / 6%);position: relative;flex-wrap: wrap}
.brands_wrap .brands_inner ul li {flex: 1 1 0}
.brands_wrap .brands_inner .inner_box {padding: 3vw;position: relative;z-index: 1;height: 100%;line-height: 1.3;}
.brands_wrap .brands_inner .inner_box img {max-width:100%}
.brands_wrap .brands_inner .inner_box p {margin: 18px 0 30px}
.brands_wrap .brands_inner .inner_box span {color: #777}

.organizational_wrap {background-color: #e1eaef;padding: 6vw 0}
.organizational_wrap .organizational_inner {max-width: 1316px;margin: 0 auto;text-align: center;padding: 0 1.5%;}
.organizational_wrap .organizational_inner img {max-width: 100%}
.organizational_wrap .organizational_inner img.m_img {display:none}

.bg003 {overflow: hidden;padding-top: 100px;padding-bottom: 120px;}
.bg003 .m_tit{text-align: center;margin-bottom: 60px;}
.bg003 .m_tit p{color: #555555;font-size: 24px;}
.bg003 ul {color: #fff}
.bg003 ul li {margin-bottom: 40px}
.bg003 ul li:last-child {margin-bottom: 0}
.bg003 ul li span {font-size: 78px;font-weight: 800;display: inline-block;padding: 0 43px;position: relative;}
.bg003 ul li span:after {content:'';background-color: #fff;width: 20px;display: inline-block;height: 20px;border-radius: 50%;left: -10px;position: absolute;top: 26px;}
.bg003 .flow {position:relative;height: 110px}
.bg003  ul li:last-child .flow {height: 83px}
.bg003 .flow_in {position: absolute; white-space: nowrap;will-change: transform;animation: marquee 300s linear infinite;opacity: 0.5}
.bg003 .flow_in2 {animation: marquee2 300s linear infinite; right: 0;opacity: 0.3}
.bg003 .flow_in {display: flex;color:#fff}
.bg003 .flow_in:hover {opacity: 1}
.bg003 .flow_in2:hover {opacity: 1}

@keyframes marquee {
  0% { transform: translateX(0); }
  50% { transform: translateX(-80%); }
  100% { transform: translateX(0); }
}
@keyframes marquee2 {
  0% { transform: translateX(0); }
  50% { transform: translateX(80%); }
  100% { transform: translateX(0); }
}

#dimmed {position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: rgb(0 0 0 / 80%);z-index: 999;display: none}
.pop-wrap {position: absolute;left: 50%;top: 0;z-index: 1000;display: none;background-color: #3b3b3b;width: 800px;box-shadow: 0px 6px 14px 0px rgba(0, 0, 0, 0.26);overflow: hidden;height:90%;color: #fff;}
.pop-wrap.round {border-radius: 6px}
.pop-wrap header {background: none;border: none;min-width: auto}
.pop-wrap header h2 {font-size: 24px;font-weight: 300;padding: 23px 20px;background-color: #3b3b3b;color: #fff;text-align: center;}
.pop-contents {padding: 15px;position: relative;max-width: 1200px;margin: 0 auto;line-height: 1.7;overflow: auto;height: 85%}
.pop-close {background: url(../images/common/pop-close.gif) no-repeat center;position: absolute;top: 7px;right: 0;display: inline-block;width: 50px;height: 45px;text-indent: -999em}
.pop-contents ul li {position:relative;padding-left: 10px;}
.pop-contents ul li:before {content:'';display: inline-block;width: 3px;height: 3px;background-color: #fff;border-radius: 50%;top: 11px;position: absolute;left: 0;}

/**½ºÅ©·Ñ**/
.pop-contents::-webkit-scrollbar {width: 10px;}/*½ºÅ©·Ñ¹ÙÀÇ ³Êºñ*/
.pop-contents.bor1ddd::-webkit-scrollbar {width: 10px}/*½ºÅ©·Ñ¹ÙÀÇ ³Êºñ*/
.pop-contents::-webkit-scrollbar-thumb {background-color: #505050;} /*½ºÅ©·Ñ¹ÙÀÇ »ö»ó*/
.pop-contents::-webkit-scrollbar-track {background-color: #3b3b3b;}/*½ºÅ©·Ñ¹Ù Æ®·¢ »ö»ó*/

@media screen and (min-width: 1700px) {
	.service_wrap .service_inner .service_list .inner > span { font-size: 36px;}
	.service_wrap .service_inner .service_list {;height: 950px;}
}
@media screen and (max-width: 1300px) {
	.service_wrap .service_inner .service_list > li {flex: 1 1 30%;height: 50%;border-bottom: 1px solid rgb(255 255 255 / 11%)}
	.service_wrap .service_inner.bg002 .service_list > li {height: 100%;border-bottom: 1px solid rgb(255 255 255 / 11%)}
}
@media screen and (max-width: 1280px) {
	.area, .webtong_tab {padding:0 1.5%}
	.intro_wrap .intro_bg p {font-size: 20px}
	.intro_wrap .intro_bg p strong {font-size: 24px}
	.intro_wrap .intro_text.greetings p strong {font-size: 24px}
}
@media screen and (max-width: 1200px) {
	.business_wrap {padding:0 1.5%}
	.service_wrap .service_inner.bg003 {padding: 70px 0;}
	.bg003 ul li span {font-size: 57px;padding: 0 21px;}
	.bg003 .flow {height: 51px;}
	.bg003 ul li:last-child .flow {height: 60px}
	.bg003 ul li span:after {width: 10px;height: 10px;left: -5px;top: 23px}
}
@media screen and (max-width: 1210px) {
	.service_wrap .service_inner.bg002 .service_list > li {height: 50%;border-bottom: 1px solid rgb(255 255 255 / 11%)}
	.service_wrap .service_inner.bg002 .service_list {}
	
}
@media screen and (max-width: 1160px) {
	.intro_wrap {flex-wrap: wrap;}
	.intro_wrap .intro_bg {flex: 1 1 100%;height: 200px}
	.intro_wrap .intro_text {flex: 1 1 100%;}
	.intro_wrap .intro_bg {height:287px}
}
@media screen and (max-width: 1024px) {
	.sub_visual .sub_visual_bg {background: url(../images/sub/sub01_bg_m.png) no-repeat 50% top;opacity: 0.7;background-size: 113%}
	.sub_visual .sub_visual_bg.sub02 {background: url(../images/sub/sub02_bg_m.png) no-repeat 50% top;opacity: 0.7;background-size: 113%}
	.sub_visual .sub_visual_bg.sub03 {background: url(../images/sub/sub03_bg_m.png) no-repeat 50% top;opacity: 0.7;background-size: 113%}
	.sub_visual .sub_visual_bg.sub04 {background: url(../images/sub/sub04_bg_m.png) no-repeat 50% top;opacity: 0.7;background-size: 113%}
	.sub_title {padding: 21% 1.5% 14%;}
	.contents .sub_titlie {font-size: 28px;}
	.history-titlie .tit {font-size: 22px;}
	.history-titlie .txt {font-size:16px}
	.history-wrap .year_wrap  {float: none;width:100%}
	.history-wrap .history-detail {float: none;width:100%}
	.history-wrap .year_wrap {font-size: 20px}
	.history-wrap .year_wrap b {font-size: 34px;padding: 4px 0 25px 0px;display: inline-block}
	.history-wrap .history-detail .detail-item dt {width: 14%;min-width: 69px;}
	.sub_title p {font-size:15px}
	.history-titlie h4 {font-size:25px}
	.brands_wrap .brands_inner strong {font-size:17px}
	.organizational_wrap .organizational_inner img.pc_img {display:none}
	.organizational_wrap .organizational_inner img.m_img {display: inline-block}
	.business_inner li .b_inner {width: 200px;height: 200px}
	.business_wrap > h3 {font-size: 20px;}
	.business_inner02 > li .b_inner02 strong {font-size: 18px}
	.business_inner02 > li .b_inner02 p {font-size: 15px}
	.business_inner02 > li span {min-width: 90px;width: 90px;height: 90px}
	.business_inner02 > li span img {width: 30px}

	.bg003 ul li {margin-bottom: 30px}
	.bg003 ul li span {font-size: 34px;padding: 0 15px}
	.bg003 .flow {height: 35px}
	.bg003 ul li:last-child .flow {height: 35px}
	.bg003 ul li span:after {width: 5px;height: 5px;left: -3px;top: 15px}
}
@media screen and (max-width:860px) {
		.business_inner li {flex: 1 1 44%}
}
@media screen and (max-width:800px) {
	.pop-wrap {width: 96%;height:90%}
	.pop-contents ul li {font-size:14px}
}
@media screen and (max-width:760px) {
	.service_wrap .service_inner.bg002 .service_list {height: auto;}
	.service_wrap .service_inner.bg002 .service_list > li {flex: 1 1 100%;height: 33%;}
	.service_wrap .service_inner .service_list .inner {padding: 6vw 0;}
	.service_wrap .service_inner .service_list .inner > span {font-size: 18px;margin-bottom: 6px}
}
@media screen and (max-width: 640px) {
	.webtong_tab h4 {padding: 0;font-size: 15px;display: block}
	.webtong_tab h4 a {display: block;background: #a0171a url(https://app.logismart.kr/assets/images/common/sub_up_down.png) no-repeat right 12px;padding: 13px;border: 1px solid #a0171a;color: #fff;font-weight: 200;text-decoration: none}
	.webtong_tab h4.on a {background-position:right -22px}
	.webtong_tab ul {display: none;border-left: 1px solid;border-right: 1px solid;border-color: #cdcbcb;position: absolute;top: 42px;width: 100%}
	.webtong_tab ul li:first-child {margin-top:0}
	.webtong_tab ul li {margin-top: -1px;display: block;border-bottom: 1px solid #cdcbcb;padding: 0}
	.webtong_tab ul li a {background-color: #fff;padding: 8px;line-height: normal;font-size: 14px;border-color: #cdcbcb;display: block}	
	.webtong_tab ul li.on a, .webtong_tab li:hover a {background-color: #ededed;border-color: #cdcbcb;color: #000;border-radius: 0}
	.webtong_tab ul li.on a:before, .webtong_tab li:hover a:before {background: #cdcbcb;content: none}
	.webtong_tab ul li.on a:after, .webtong_tab li:hover a:after {background: #cdcbcb;content: none}
	.intro_wrap .intro_text ul li strong {padding: 5px;min-width: 110px;}
	.intro_wrap .travel_img {right: 16px;bottom: -27px;width: 199px}
	.intro_wrap .intro_text.greetings p em {font-size:20px}
	.intro_wrap .intro_text.greetings p {font-size:16px}
	.history-titlie h4 {margin-top:70px}
	.service_wrap .service_inner .service_list > li {flex: 1 1 50%;height: 33.33333%;border-bottom: 1px solid rgb(255 255 255 / 11%)}
	.brands_wrap .brands_inner ul li {flex: 1 1 100%}
	.business_inner {gap: 8px}
	.business_inner li .b_inner {width: 170px;height: 170px}
	.business_inner03 {}
	.business_inner03 li {flex: 1 1 40%;}
	.business_inner03 li .b_inner03 img { width: 250px}
	.business_inner03 li .b_inner03 strong {font-size: 18px;}
}
@media screen and (max-width: 530px) {
	.business_inner03 li .b_inner03 img {width: 200px}
}
@media screen and (max-width: 430px) {
	.business_inner03 li .b_inner03 img {width: 170px}
}
@media screen and (max-width: 400px) {
	.service_wrap .service_inner .service_list li {flex: 1 1 100%;height: auto}
	.service_wrap .service_inner .service_list {height: auto}
	.service_wrap .service_inner .service_list .inner p {height: 45px}
	.brands_wrap .brands_inner .inner_box img {max-width: 60%}
	.business_inner02 > li {flex-direction: column}
	.business_inner03 li .b_inner03 img {width: 160px}
}