@charset "utf-8";

* {margin:0; padding:0;}
a {text-decoration:none; color:inherit;}
dl, ol, ul, p, h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}
li {list-style:none;}
body {font-family:'SpoqaHanSansNeo-Regular', sans-serif; color:#222; background:#fff;}
.wrap, .img-fluid {width:100%;}
.mobile {display:none !important;}
.bg {background:#f7f4f1;}
.container {max-width:100%; padding:0;}
.font-red, .font-red2 {color:#df2347;}
.font-red3 {color:#df2347;}
.decoration {text-decoration:underline;}
.font-bold {font-weight:600;}
.font-notbold {font-weight:400;}
@font-face {
	font-family:'SpoqaHanSansNeo-Regular';
	src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Regular.woff') format('woff');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:'GongGothicMedium';
	src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicMedium.woff') format('woff');
	font-weight:normal;
	font-style:normal;
}
@font-face {font-family: 'Pretendard'; font-weight:900; font-display: swap; src: local('Pretendard Black'), url('../font/Pretendard-Black.woff2') format('woff2');}
@font-face {font-family: 'Pretendard'; font-weight:800; font-display: swap; src: local('Pretendard ExtraBold'), url('../font/Pretendard-ExtraBold.woff2') format('woff2');}
@font-face {font-family: 'Pretendard'; font-weight:700; font-display: swap; src: local('Pretendard Bold'), url('../font/Pretendard-Bold.woff2') format('woff2');}
@font-face {font-family: 'Pretendard'; font-weight:600; font-display: swap; src: local('Pretendard SemiBold'), url('../font/Pretendard-SemiBold.woff2') format('woff2');}
@font-face {font-family: 'Pretendard'; font-weight:500; font-display: swap; src: local('Pretendard Medium'), url('../font/Pretendard-Medium.woff2') format('woff2');}
@font-face {font-family: 'Pretendard'; font-weight:400; font-display: swap; src: local('Pretendard Regular'), url('../font/Pretendard-Regular.woff2') format('woff2');}/* 기본 */
@font-face {font-family: 'Pretendard'; font-weight:300; font-display: swap; src: local('Pretendard Light'), url('../font/Pretendard-Light.woff2') format('woff2');}
@font-face {font-family: 'Pretendard'; font-weight:200; font-display: swap; src: local('Pretendard ExtraLight'), url('../font/Pretendard-ExtraLight.woff2') format('woff2');}
@font-face {font-family: 'Pretendard'; font-weight:100; font-display: swap; src: local('Pretendard Thin'), url('../font/Pretendard-Thin.woff2') format('woff2');}

/* .popup_01 {z-index:99; position:absolute; top:100px; right:80px; background:#000;}
.popup_02 {z-index:99; position:absolute; top:100px; right:280px; background:#000;}
.popup_03 {z-index:99; position:absolute; top:100px; right:480px; background:#000;}
.popup_04 {z-index:99; position:absolute; top:100px; right:680px; background:#000;} */
.popup_content img[usemap] {max-width:100%; width:auto; height:auto;}
.popup_05 {z-index:99; position:absolute; top:70px; left:100px; width:1080px; cursor:pointer;}
.popup_05 a, .popup_05 .m_popup05 img {background:#b2e5f6;}
.popup_05 a img, .popup_05 .m_popup05 img {margin-top:-2px;}
.popup_06 {z-index:99; position:absolute; top:70px; right:100px; width:500px;}
.event_popup .close {z-index:2; position:absolute; top:0; right:0; cursor:pointer;}
.event_popup a {display:block;}
.goingto_page {width:100%; display:flex;}
.goingto_page button {width:50%; height:60px; font-size:18px; letter-spacing:-0.9px; border:none; color:#fff;}
.goingto_page button img {margin-left:10px;}

.popup_02 .youtube {position:absolute; bottom:60px; left:50%; transform:translateX(-50%); width:460px; height:287px; border:1px solid #3d3d3d;}
/* .goingto_page .popup-policy {background:#da0021;}
.goingto_page .popup-fare {background:#006ec2;} */
/* .not_reopen {background:#dedede; display:flex; justify-content:flex-end; padding:5px 20px;}
.not_reopen label {display:flex; font-size:14px; line-height:16px; cursor:pointer;}
.not_reopen label span {display:block; width:16px; height:16px; background:url(../images/notreopen_close.png) no-repeat; background-size:cover; margin-left:10px;}
.not_reopen input[type="checkbox"] {display:none;} */

@media all and (min-width:1080px) and (max-width:1300px) {
	.popup_05 {left:20px; width:1000px;}
	.popup_06 {right:20px; width:450px;}
	.event_popup .close {width:55px;}
}
@media all and (min-width:768px) and (max-width:1079px) {
	.popup_05 {left:20px; width:728px;}
	.popup_06 {right:20px; width:400px;}
	.event_popup .close {width:40px;}
}
/* @media all and (max-width:767px) {
	.popup_05 {left:20px; width:660px;}
	.popup_05 .close {top:18px; right:20px;}
	.popup_06 {top:140px; right:20px; width:400px;}
	.event_popup .close {width:45px;}
} */
@media all and (max-width:767px) {
	.popup_05 {top:60px; left:50%; right:0; transform:translateX(-50%); max-width:727px; width:100%;}
	/* .popup_05 .close {right:20px; width:46px;} */
	.popup_05 .m_popup05 {padding:0 20px;}
	.popup_06 {top:190px; left:50%; right:0; transform:translateX(-50%); max-width:450px; width:100%;}
	.popup_06 .close {right:20px; width:46px;}
	.popup_06 .popup_content {padding:0 20px; display:block;}
	.event_popup .close {width:40px;}
}

/* header */
.header {position:fixed; top:0; left:0; width:100%; z-index:100; background:#fff; transition:.2s linear;}
.header .navinner {position:relative; height:80px;}
.header .logo {position:absolute; top:0; left:10px; font-size:0; width:120px; height:80px; background:url('/images/logis_menulogo.png') no-repeat 50% 50% / contain; transition:none; background-size:100px;}
.header .logo h1 {font-size:0; opacity:0; width:0; height:0;}
.header .gnb {font-family:'GongGothicMedium'; background:rgba(0,0,0,.5);}
.header .gnb ul {width:100%; display:flex; justify-content:center;}
.header .gnb li {position:relative; width:auto;}
.header .gnb li > a {display:block; font-size:20px; line-height:80px; padding:0 30px;}
.header .gnb li > .link {padding:0 0 0 30px;}
.header.main .gnb li:hover > a, .header .gnb .snb a:hover, .header .gnb .snb a.on {color:#df2347;}
.header .gnb .snb {position:absolute; top:80px; left:50%; height:0; overflow:hidden; background:#fff; box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.1); transform:translate(-50%,0); border-radius:0 30px 30px 30px; transition:.2s linear;}
.header .gnb .g1 .snb {width:calc(100% + 20px);}
.header .gnb .g2 .snb {width:calc(100% + 70px);}
.header .gnb .g3 .snb {width:calc(100% + 30px);}
.header .gnb .g3 {width:140px;}
.header .gnb .g3 .mouseover, .header .gnb .g3:hover .notmouseover {display:none;}
.header .gnb .g3:hover .mouseover {display:block;}
.header .gnb .snb a {position:relative; display:block; font-size:16px; font-weight:400; line-height:24px; text-align:center; padding:10px 20px;}
.header .gnb .snb a span {position:relative; display:inline-block; vertical-align:top;}
.header .gnb .snb a span:after {content:""; position:absolute; top:calc(50% + 10px); right:0; width:0; height:2px; background:#fff; transition:.2s linear; display:none;}
.header .gnb .snb a:hover span:after, .header .gnb .snb a.on span:after {left:0; width:100%;}
.header .gnb li > a:focus + .snb, .header .gnb li:hover .snb {padding:20px 0;}
.header .gnb li > a:focus + .snb, .header .gnb li:hover .snb {height:auto;}

.sitelink {position:absolute; top:50%; right:20px; transform:translateY(-50%); display:flex; align-items:center; font-family:'GongGothicMedium'; color:#fff;}
.sitelink .g6 {display:flex; align-items:center; font-size:20px; cursor:pointer;}
.sitelink .g6 span {width:18px; height:18px; display:inline-block; background:url(../images/newscreen.png) no-repeat; background-size:cover; margin-left:10px;}
.zhd_deutschlandsite {font-family:'GongGothicMedium'; display:flex; align-items:center; margin:22px 30px 22px 0;}
.zhd_deutschlandsite p {font-size:18px; line-height:22px; margin-left:4px; height:36px;}
.zhd_deutschlandsite p span {display:block; font-size:12px; line-height:14px; font-weight:400;}
.zhd_deutschlandsite .mouseover {display:none; width:145px; line-height:36px; color:#df2347;}
/* .link:hover .mouseover {display:block;}
.link:hover .notmouseover {display:none;} */
.mobilemenu .zhd_deutschlandsite {margin:0;}
.zhd_deutschlandsite .expect {font-weight:400; line-height:36px; color:#df2347;}

.language {display:flex; align-items:center; height:25px; margin-right:10px; cursor:pointer;}
.mb_menu .language {display:flex; align-items:center; justify-content:flex-end; height:25px; margin:10px 20px;}
.language .globe {width:20px; height:20px; background:url(/images2/globe_r.png) no-repeat; background-size:cover;}
.mb_menu .language .globe {background:url(/images/globe_r.png) no-repeat; background-size:cover;}
.header.fixed .language .globe {width:20px; height:20px; background:url(/images2/globe_r.png) no-repeat; background-size:cover;}
.language .language_list {margin:0 6px;}
.language .language_list li {font-size:16px; color:#da002a; position:relative;}
.language .language_list li img {width:20px;}
.language .language_list li ul {position:absolute; top:26px; left:50%; transform:translateX(-50%); width:116px; height:0; overflow:hidden; background:rgba(0,0,0,.3); text-align:center; border-radius:6px; transition:all .4s;}
.mb_menu .language .language_list li ul {left:-76px; transform:none; background:#fff; box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.1); z-index:2;}
.mb_menu .language .language_list li ul li {color:#222;}
.header.fixed .language .language_list li ul {background:#fff; box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.1); z-index:2;}
.header.fixed .language .language_list li ul li {color:#222;}
.language .language_list li ul li {color:#fff; font-size:14px; line-height:26px;}
.language .language_list li:hover ul {height:78px;}
.language .language_list li ul li:hover {background:#efefef; color:#222;}
.language .selecticon {width:12px; height:6px; background:url(/images/chevron-down_r.png) no-repeat; background-size:cover;}
.header.fixed .language .selecticon {width:12px; height:6px; background:url(/images/chevron-down_r.png) no-repeat; background-size:cover;}

/* .mb_menu .language select {color:#222; font-size:16px; width:140px;}
.language select {width:140px; border:none; background:transparent; color:#fff; font-size:14px; font-weight:400;}
.language select option {color:#222; text-align:center; height:40px;}
.language select:focus {outline:none;}
.header.fixed .language select {color:#222;} */

.header.main {background:none;}
.header.main .gnb li > a {color:#fff;}
.header.main .gnb .event_title > a {color:#fecc1b;}
.header.fixed .gnb {background:#fff; box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.1);}
.header.on .logo, .header.fixed .logo {background:url('/images/logis_menulogo_b.png') no-repeat 50% 50% / contain; mask:none; -webkit-mask:none; background-size:100px;}
.header.fixed .gnb li > a, .header.fixed .sitelink {color:#222;}
.header.fixed .sitelink .g6 span {background:url(../images/newscreen_b.png) no-repeat; background-size:cover;}

.navmobile {display:none;}
.mobilemenu {padding:0 20px; position:absolute; top:0; left:0; width:100%; height:80px; z-index:99999; display:flex; align-items:center; justify-content:space-between;}
.mobilemenu .logoimg {width:88px; height:40px; margin:0; text-align:center; background:url(../images/logis_mblogo.png) no-repeat;}
.mb_menu {width:25px; height:20px;}
.mb_menu .btn-primary {--bs-btn-active-bg:none; float:right; width:18px; height:16px; background:none; border:none; border-radius:0; padding:0; background:url(../images/bars_iconw.png) no-repeat;}
.btn-close {--bs-btn-close-focus-shadow:none;}
.mb_menu .btn-primary img {width:25px; height:20px; float:left;}
.offcanvas {max-width:100%;}
.offcanvas.offcanvas-end {width:100%; border-left:none;}
.offcanvas-header {padding:20px; justify-content:space-between;}
.offcanvas-header .btn-close {height:20px; padding:0; margin:0;}
.offcanvas-body {padding:0 30px;}
.mobilemenu.on, .header.fixed .mobilemenu {background:#fff; box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.1);}
.mobilemenu.on .logoimg, .header.fixed .logoimg {background:url(../images/logis_mblogo_b.png) no-repeat;}
.mobilemenu.on .mb_menu .btn-primary, .header.fixed .mb_menu .btn-primary {background:url(../images/bars_icon.png) no-repeat;}
#m_menu {position:absolute; width:calc(100% - 60px); height:100%; padding-bottom:100px; overflow:scroll; -ms-overflow-style:none; scrollbar-width:none;}
#m_menu::-webkit-scrollbar {display: none;}
#m_menu a {display:block; padding:20px 0; font-size:24px; line-height:26px;}
#m_menu .arrow {display:flex; align-items:center; justify-content:space-between;}
#m_menu .arrow > p {width:15px; height:9px; background:url(../images/chevron-down_b.png) no-repeat;}
#m_menu a.event_title {color:#fecc1b;}
#m_menu a.m {font-family:'GongGothicMedium';}
#m_menu a.arrow.on > p {background:url(../images/chevron-up.png) no-repeat;}
#m_menu ul a {padding:12px 30px; font-size:16px; line-height:20px; font-family:'GongGothicMedium'; color:#999;}
#m_menu li ul {display:none;}
#m_menu li ul.on {display:block;}
#m_menu li .b_sitelink {display:flex; align-items:center;}
#m_menu li .b_sitelink span {display:block; width:18px; height:18px; margin-left:6px; background:url(../images/newscreen_b.png) no-repeat; background-size:cover;}

@media all and (min-width:1200px) and (max-width:1449px) {
	.header .gnb li > a {font-size:18px; padding:0 20px;}
	.header .gnb li > .link {padding:0 0 0 20px;}
	.header .gnb ul {width:98%;}
	.header .gnb .snb {border-radius:0 24px 24px 24px;}
	.header .gnb .snb a {font-size:14px; line-height:24px; padding:10px 20px;}
	.zhd_deutschlandsite {margin:22px 16px 22px 0;}
	.zhd_deutschlandsite img {width:24px;}
	.zhd_deutschlandsite p {font-size:16px; line-height:20px;}
	.zhd_deutschlandsite p span {font-size:11px; line-height:14px;}
	.zhd_deutschlandsite .mouseover {width:130px;}
	.sitelink .g6 {font-size:18px;}
	.sitelink .g6 span {width:16px; height:16px; margin-left:8px;}
	.header .gnb .g3 {width:120px;}
}
@media all and (min-width:1000px) and (max-width:1199px) {
	.header .gnb li > a {font-size:16px; padding:0 13px;}
	.header .gnb li > .link {padding:0 0 0 20px;}
	.header .gnb ul {width:98%;}
	.header .gnb .snb {border-radius:0 20px 20px 20px;}
	.header .gnb .g1 .snb {width:calc(100% + 40px);}
	.header .gnb .g2 .snb {width:calc(100% + 100px);}
	.header .gnb .g3 .snb {width:calc(100% + 60px);}
	.header .gnb .g3 {width:89px;}
	.header .gnb .snb a {font-size:14px; line-height:24px; padding:10px 20px;}
	.zhd_deutschlandsite {margin:22px 12px 22px 0;}
	.zhd_deutschlandsite img {width:24px;}
	.zhd_deutschlandsite p {font-size:14px; line-height:20px;}
	.zhd_deutschlandsite p span {font-size:11px; line-height:14px;}
	.zhd_deutschlandsite .mouseover {width:113px;}
	.sitelink .g6 {font-size:16px;}
	.sitelink .g6 span {width:14px; height:14px; margin-left:6px;}
	.language .language_list li, .language .language_list li ul li {font-size:14px;}
}
@media all and (max-width:999px) {
	.navmobile {display:block;}
	.navweb {display:none !important;}
}

/* scroll top buttton */
.scrolltop_btn {position:fixed; bottom:60px; right:60px; width:56px; height:46px; z-index:99999;}
.scrolltop_btn .btn_gotop {opacity:0; width:50px; height:50px; text-align:center; font-size:12px; line-height:50px; border-radius:5px; font-weight:bold; cursor:pointer; color:#e61c3a; display:inline-block; text-decoration:none; text-transform:uppercase; transition:all .3s ease-in-out; background:#fff; box-shadow:0 0 12px 0 rgba(0,0,0,.2);}
.scrolltop_btn .btn_gotop:hover {color:#fff; background:#e61c3a; border-radius:50%;}
.btn_gotop.visible {opacity:1; transition:all .8s;}

/* footer */
.footer {background:#000; padding:56px 0 60px 0; text-align:center;}
.footer ul {display:flex; align-items:center; justify-content:center; color:#7b7b7b;}
.footer ul li {font-size:16px; line-height:26px; letter-spacing:-0.8px;}
.footer .add {margin-top:14px;}
.footer .add li::after {content:'|'; margin:0 10px;}
.footer .add li:last-child::after {content:''; margin:0;}
.footer .call li:nth-child(1) {margin-right:16px;}
.footer p {margin:22px 0 0 0; font-size:15px; line-height:18px; color:#515151;}

/* main banner */
.headerwrap {height:760px; position:relative;}
.swiper {width:100%; height:100%;}
.banner_Swiper .swiper-slide {display:flex; justify-content:center; align-items:center;}
.banner_Swiper .swiper-slide:nth-child(1) {background:url(../images/logismainbanner_01.png) no-repeat; background-position:50% 50%; background-size:cover;}
.banner_Swiper .swiper-slide:nth-child(2) {background:url(../images/logismainbanner_02.png) no-repeat; background-position:20% 50%; background-size:cover;}
.banner_Swiper .swiper-slide:nth-child(3) {background:url(../images/logismainbanner_03.png) no-repeat; background-position:50% 50%; background-size:cover;}

.bannertextcontent {width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:#fff; text-align:center; z-index:2;}
.bannertextcontent ul li:nth-child(1) {font-size:46px; line-height:58px; letter-spacing:-1.2px; font-weight:bold;}
.bannertextcontent ul li:nth-child(3) {font-size:84px; line-height:86px; letter-spacing:-0.69px; font-weight:bold;  font-family:'SBAggro';}
.bannertextcontent ul li:nth-child(4) {font-size:18px; line-height:20px; letter-spacing:-0.69px;}
.bannertextcontent ul span {display:block; width:56px; border:1px solid #fff; margin:30px auto;}

.banner_Swiper .swiper-pagination-bullet {width:25px; height:4px; background:rgba(255,255,255,.8); transition: all 0.4s ease-in-out; border-radius:0;}
.banner_Swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(2) {margin:0 8px;}
.banner_Swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:0;}
.banner_Swiper .swiper-horizontal > .swiper-pagination-bullets, .banner_Swiper .swiper-pagination-bullets.swiper-pagination-horizontal, .banner_Swiper .swiper-pagination-custom, .banner_Swiper .swiper-pagination-fraction {bottom:50px;}
.banner_Swiper .swiper-pagination-bullet-active {background:#fff; opacity:1;}

.downloadApp {position:absolute; bottom:120px; left:50%; transform:translateX(-50%); padding:0 20px; width:100%; z-index:1;}
.downloadApp ul {margin:0 auto; display:flex; align-items:center; max-width:600px; width:100%;}
.downloadApp ul + ul {margin-top:10px;}
.downloadApp ul a {display:block; width:100%;}
.downloadApp ul a + a {margin-left:5px;}
.downloadApp ul li {padding:10px 20px; width:100%; height:60px; border-radius:10px; background:#000;}
.downloadApp ul .getting_ready {position:relative; background:#c9c9c9;}
.downloadApp ul .getting_ready .grbtn {position:absolute; top:5px; right:7px; display:block; width:54px; height:24px; font-size:16px; line-height:24px; font-weight:700; letter-spacing:-0.48px; text-align:center; border-radius:12px; background:#d90028; color:#fff; z-index:1;}
.downloadApp ul li .appimg {margin:0 auto; display:block; width:125px; height:40px;}
.downloadApp ul li .appimg img {height:100%;}

.scroll {animation:bounce .5s infinite alternate; animation-delay:3s; position:absolute; bottom:50px; left:50%; transform:translateX(-50%); color:#fff; z-index:9; text-align:center; width:100%;}
.scroll p {font-size:12px; margin:0 0 10px 0;}
.scroll img {width:12px; display:block; margin:3px auto;}

@keyframes bounce {
	from {
		transform: translate(-50%,0px);
	}
	to {
		transform: translate(-50%,-15px);
	}
}

@media all and (min-width:960px) and (max-width:1200px) {
	.scrolltop_btn {position:fixed; bottom:40px; right:40px;}
}
@media all and (min-width:768px) and (max-width:959px) {
	.bannertextcontent ul li:nth-child(1) {font-size:36px; line-height:48px;}
	.bannertextcontent ul li:nth-child(3) {font-size:74px; line-height:76px;}
	.bannertextcontent ul span {width:46px;}

	.scrolltop_btn {position:fixed; bottom:40px; right:40px;}
}
@media all and (max-width:767px) {
	.banner_Swiper .swiper-pagination {display:none;}

	.headerwrap {height:100vh;}
	.bannertextcontent {top:44%;}

	.footer {padding:40px 20px; text-align:left;}
	.footer img {width:100px;}
	.footer ul {display:block;}
	.footer ul li {font-size:14px; line-height:21px;}
	.footer .add {margin-top:24px;}
	.footer .add li::after {content:'';}
	.footer .call {display:flex; align-items:center; justify-content:flex-start;}
	.footer p {margin:20px 0 0 0; font-size:12px; line-height:16px;}
}
@media all and (min-width:540px) and (max-width:767px) {
	.bannertextcontent ul li:nth-child(1) {font-size:30px; line-height:40px;}
	.bannertextcontent ul li:nth-child(3) {font-size:70px; line-height:72px;}
	.bannertextcontent ul span {width:40px;}
	.banner_Swiper .swiper-horizontal>.swiper-pagination-bullets, .banner_Swiper .swiper-pagination-bullets.swiper-pagination-horizontal, .banner_Swiper .swiper-pagination-custom, .banner_Swiper .swiper-pagination-fraction {bottom:176px;}

	.scrolltop_btn {position:fixed; bottom:30px; right:26px;}
}
@media all and (min-width:375px) and (max-width:539px) {
	.bannertextcontent ul li:nth-child(1) {font-size:22px; line-height:30px;}
	.bannertextcontent ul li:nth-child(3) {font-size:64px; line-height:66px;}
	.bannertextcontent ul li:nth-child(4) {font-size:16px; line-height:18px;}
	.bannertextcontent ul span {width:30px;}
	.banner_Swiper .swiper-horizontal>.swiper-pagination-bullets, .banner_Swiper .swiper-pagination-bullets.swiper-pagination-horizontal, .banner_Swiper .swiper-pagination-custom, .banner_Swiper .swiper-pagination-fraction {bottom:176px;}

	.scrolltop_btn {position:fixed; bottom:16px; right:16px;}
	.scrolltop_btn .btn_gotop {width:42px; height:42px; line-height:42px;}
}
@media all and (max-width:374px) {
	.bannertextcontent ul li:nth-child(1) {font-size:18px; line-height:26px;}
	.bannertextcontent ul li:nth-child(3) {font-size:50px; line-height:52px;}
	.bannertextcontent ul li:nth-child(4) {font-size:14px; line-height:16px;}
	.bannertextcontent ul span {width:30px;}
	.banner_Swiper .swiper-horizontal>.swiper-pagination-bullets, .banner_Swiper .swiper-pagination-bullets.swiper-pagination-horizontal, .banner_Swiper .swiper-pagination-custom, .banner_Swiper .swiper-pagination-fraction {bottom:176px;}

	.downloadApp {padding:0 10px;}

	.scrolltop_btn {position:fixed; bottom:10px; right:6px;}
	.scrolltop_btn .btn_gotop {width:42px; height:42px; line-height:42px;}
}

#slider {width:100%; position:fixed;}
#overflow {width:100%; height:auto; position:absolute; top:0; left:50%; transform:translateX(-50%); background:#fff; overflow:hidden;}

/* quick_menu */
.quick_menu {position:fixed; top:268px; right:100px; z-index:99;}
.quick_menu a + a {margin-top:18px; display:block;}
.quick_menu a p {width:150px;}
.quick_menu a p img {width:100%;}
.quick_menu .biz {background:transparent;}

@media all and (max-width:1800px) {
	.quick_menu {right:20px;}
}
@media all and (max-width:1240px) {
	.quick_menu {right:10px;}
	.quick_menu a + a {margin-top:10px;}
	.quick_menu a p {width:120px;}
}
@media all and (max-width:767px) {
	.quick_menu {display:none;}
}

/* main content */
.maincontent {max-width:1200px; margin:0 auto; padding:100px 0 160px 0;}
.main_eventbanner {margin:-40px 0 60px 0;}
.maincontenttext {width:100%; text-align:center; letter-spacing:-0.8px;}
.maincontenttext .maincommontext01 {font-size:34px; line-height:30px; font-weight:bold; color:#df2347;}
.maincontenttext .maincommontext02 {font-size:40px; line-height:50px; margin:21px 0 24px 0; font-weight:bold; letter-spacing:-1.2px;}
.maincontenttext .maincommontext03 {font-size:20px; line-height:32px; color:#304850;}

/* main-지화다 */
.mainxhd {margin-top:40px; display:flex; align-items:center;}
.mainxhd .xhdimgbox {position:relative;}
.mainxhd .xhdimgbox:nth-child(2) {margin:0 33px;}
.mainxhd .xhdimgbox .xhdimgboxtext {position:absolute; bottom:30px; left:0; padding:0 20px; width:100%;}
.mainxhd .xhdimgbox .xhdimgboxtext li {width:100%;}
.mainxhd .xhdimgbox .xhdimgboxtext img {position:absolute; bottom:5px; right:20px; width:29px;}
.mainxhd .xhdimgbox .maintext, .xhdimgbox .xhdhovercontent li:nth-child(1) {font-size:30px; line-height:40px; font-weight:bold; letter-spacing:-0.8px; color:#fff;}
.xhdimgbox .xhdhovercontent {position:absolute; bottom:0; left:0; width:100%; height:0; background:rgba(0,7,36,.6); border-radius:12px; overflow:hidden; transition:all 0.6s;}
.xhdimgbox .xhdhovercontent ul {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; color:#fff; padding:0 20px;}
.xhdimgbox .xhdhovercontent ul li:nth-child(2) {font-size:18px; line-height:26px; letter-spacing:-0.8px; margin-top:28px;}
.xhdimgbox:hover .xhdimgboxtext  {opacity:0;}
.xhdimgbox:hover .xhdhovercontent {height:100%;}

/* main-화물 표준운임제 */
#standardfare > .maincontenttext li:nth-child(2) {padding:0 20px;}
.mbdrag {display:none;}
.freight_system {background:#fff; border:1px solid #707070; border-radius:16px; padding:20px 60px 60px 60px; margin-top:60px;}
.drag { font-size:14px; line-height:18px; letter-spacing:-0.14px; color:#707070; text-align:right; height:40px;}
.freightbox, .freight_content .freight_title {display:flex; align-items:flex-start;}
.freightbox2 {margin:10px 0 0 0;}
.freight_content:nth-child(1) {margin-right:50px; width:50%;}
.freight_content:nth-child(3) {margin-left:50px; width:50%;}
.freightbox2 .freight_content:nth-child(2) {margin-left:50px; width:50%;}

.goingShipper {margin:20px 0; display:flex; align-items:center; justify-content:flex-end;}
.goingShipper .gs_text01 {font-size:18px; line-height:26px; font-weight:400; color:#222;}
.goingShipper .gs_text02 {margin-left:23px; display:flex; align-items:center; font-size:18px; line-height:26px; font-weight:700; color:#e61c3a; cursor:pointer;}
.goingShipper .gs_text02:after {content:''; margin-left:8px; width:24px; height:24px; background:url(../images/loginMenu_icon01.png) no-repeat center; background-size:24px;}

.freight_title ul {margin-left:10px;}
.freight_title ul li:nth-child(1) {font-size:24px; line-height:32px; letter-spacing:-1.08px; font-weight:600;}
.freight_title ul li:nth-child(2) {font-size:14px; line-height:18px; letter-spacing:-0.14px; margin-top:2px;}

.address_search {margin:40px 0 0 0;}
.address_search label {position:relative; width:100%; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);}
.address_search label:nth-child(1) {margin:0 0 15px 0;}
.address_search label img {position:absolute; top:15px; left:20px;}
.address_search label input[type="text"] {font-size:20px; line-height:28px; width:100%; height:64px; border:1px solid #dedede; padding:0 0 0 65px; border-radius: 6px;}
.address_search label input[type="text"]:focus {outline:none;}

.freightbox .inquirybtn {width:100%; height:70px; font-size:20px; letter-spacing:-0.2px; font-weight:600; border-radius:6px; background:#c5c5c5; border:none; color:#fff; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16);}
.freightbox .inquirybtn.on {background:#e61c3a;}

.truck_info {display:flex; padding:10px; background:#ece8e5; border-radius:5px;position:relative;margin-top: 25px;}
.truck_info .img {margin-right:10px;}
.truck_info .img img {width:230px; height:130px;}
.truck_info .info {display:flex; flex-direction:column; flex:1;}
.truck_info .info .name {display:flex;}
.truck_info .info .name p {font-size:20px; line-height:28px; font-weight:600; color:#000; display:block; margin-right:5px;}
.truck_info .info .spec {font-size:18px; line-height:24px; color:#7e7e7e; margin:5px 0;}
.truck_info .info select {display:block; padding-left:10px; max-width:200px; line-height:36px; color:#000; font-weight:500; border-radius:5px; border:1px solid #dedede; background:#fff url(../images/btn_ico_06.png) calc(100% - 13px) center no-repeat; background-size:7px auto;}

.seek_edge > div {display:flex; padding-top:10px;}
.seek_edge > div:first-child {margin-bottom:20px;}
.seek_edge > div label {width:60px; font-size:16px; line-height:16px; font-weight:600;}
.seek_edge > div label span {font-size:11px; color:#c7c7c7;}
.seek_edge .seek-bar {flex:1; position:relative; z-index:10; margin:0 15px;}
.seek_edge .seek-bar .legend {display:flex; justify-content:space-between; width:100%; position:absolute; height:6px; background:#ededed; border-radius:6px;}
.seek_edge .seek-bar .legend span {font-size:11px; margin-top:13px; color:#c7c7c7;}
.seek_edge .seek-bar .Pbar {left:0; right:0; width:200px; height:6px; top:8px; position:absolute; background:#dd1b37; border-radius:6px; margin-left:10px;}
.seek_edge .seek-bar .circle {width:22px; height:22px; cursor:grab; position:absolute; left:0; top:3px; transform:translate(-50%,-50%); touch-action: none;}
.seek_edge .seek-bar .circle .bar {height:100%; -webkit-filter:url("#svg_goo"); filter:url("#svg_goo");}
.seek_edge .seek-bar .circle .bar em {border:3px solid #dd1b37; pointer-events:none; position:absolute; width:20px; height:20px; left:50%; top:50%; transform:translate(-50%,-50%); background:#fff; border-radius:100%; transition:all .5s; box-shadow:0px 3px 5px #b5b5b5;}
.seek_edge .seek-bar .circle span {pointer-events:none; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); filter:none; color:#e61c3a;font-size:14px; font-weight:600; transition:all .5s;white-space:nowrap;text-align:center;}
.seek_edge .seek-bar .circle div.bar > em:nth-child(2) {border:1px solid #dd1b37; margin-top:-25px; width:30px; height:24px; border-radius:3px;}
.seek_edge .seek-bar .circle span {margin-top:-25px;}
.seek_edge .seek-bar .circle div.bar > em.w1 {width:20px; height:20px; border-radius:50%;}
.seek_edge .seek-bar .circle div.bar > em.w2 {width:80px; height:24px;}

.seek_edge div input {width:50px; height:34px; font-size:16px; font-weight:600; background:#fff; border:1px solid #dedede; border-radius:5px; margin-top:-10px; text-align:center; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.06);}
.seek_edge div input::-webkit-inner-spin-button {appearance:none; -moz-appearance:none; -webkit-appearance:none;}

.freightbox2 {align-items:flex-end;}
.freightbox .farebox {width:100%; background:#222; color:#fff; padding:15px 30px; border-radius:6px;}
.freightbox .farebox .recommend {display:flex; align-items:center; justify-content:space-between;}
.freightbox .farebox hr {border:1px dashed #6a6a6a; margin:14px 0;}
.freightbox .farebox .recommend p:nth-child(1) {font-size:20px; line-height:28px; letter-spacing:-0.2px;}
.freightbox .farebox .recommend p:nth-child(2) {font-size:32px; line-height:45px; letter-spacing:-0.32px;}
.freightbox .farebox .recommend p:nth-child(2) span {font-weight:600;}

.freightbox .farebox .lowest p {font-size:14px; line-height:18px; color:#ffd500;}
.freightbox .farebox .lowest ul {display:flex; align-items:center; justify-content:space-between;}
.freightbox .farebox .lowest ul li:nth-child(1) {font-size:15px; line-height:22px; letter-spacing:-0.15px;}
.freightbox .farebox .lowest ul li:nth-child(1) span {color:#707070;}
.freightbox .farebox .lowest ul li:nth-child(2) {font-weight:600; font-size:20px; line-height:28px; letter-spacing:-0.2px;}

.inquirybox {width:100%; height:70px; display:flex; align-items:center; justify-content:space-between; margin:20px 0 0 0; padding:0 20px; background:#f7f4f1; background-color: #f7f4f1; border-radius:6px;}
.inquirybox ul {display:flex; align-items:flex-start;}
.inquirybox .inquirytext {width:calc(100% - 24px); font-size:20px; line-height:24px; color:#000; margin:0 0 0 8px;}
.inquirybox .inquirylink {margin-left:10px; width:152px; height:45px; font-size:20px; line-height:45px; text-align:center; background:#87776a; color:#fff; border-radius:6px;}

@media all and (min-width:960px) and (max-width:1100px) {
	.freight_system {padding:20px 60px 40px;}
	.freight_content:nth-child(1) {margin-right:15px; width:50%;}
	.freight_content:nth-child(3), .freightbox2 .freight_content:nth-child(2) {margin-left:15px; width:50%;}

	.freight_title img {width:40px;}
	.freight_title ul li:nth-child(1) {font-size:22px; line-height:22px;}
	.freight_title ul li:nth-child(2) {font-size:14px; line-height:18px;}

	.truck_info .img img {width:170px; height:97px;}
	
	.inquirybox .inquirytext {font-size:16px; line-height:24px;}
	.inquirybox .inquirylink {width:132px; height:40px; font-size:18px; line-height:40px;}
}
@media all and (min-width:768px) and (max-width:959px) {
	.freight_system {padding:20px 20px 30px 20px;}
	.drag {margin-bottom:10px;}
	.freight_content:nth-child(1) {margin-right:15px; width:50%;}
	.freight_content:nth-child(3), .freightbox2 .freight_content:nth-child(2) {margin-left:15px; width:50%;}
	
	.freight_title img {width:40px;}
	.freight_title ul li:nth-child(1) {font-size:22px; line-height:22px;}
	.freight_title ul li:nth-child(2) {font-size:14px; line-height:18px;}
	
	.freightbox .farebox {padding:15px 20px;}
	.freightbox .farebox hr {margin:10px 0;}
	.freightbox .farebox .recommend p:nth-child(1) {font-size:18px;}
	.freightbox .farebox .recommend p:nth-child(2) {font-size:28px; line-height:35px;}
	.freightbox .farebox .lowest ul {margin-top:2px;}
	.freightbox .farebox .lowest ul li:nth-child(1) span {display:block; margin-top:-4px;}
	
	.address_search {margin:30px 0 0 0;}
	.address_search label img {width:30px; top:10px; left:10px;}
	.address_search label input[type="text"] {height:50px; padding:0 0 0 50px; font-size:16px; line-height:20px;}
	
	.truck_info .img img {width:135px; height:76px;}
	.truck_info .info .name p {font-size:14px; line-height:16px;}
	.truck_info .info .spec {font-size:12px; line-height:16px; margin:6px 0;}
	
	.inquirybox ul img {width:20px;}
	.inquirybox .inquirytext {width:clac(100% - 20px); font-size:16px; line-height:20px;}
	.inquirybox .inquirylink {width:100px; height:40px; font-size:16px; line-height:40px;}
}
@media all and (max-width:767px) {
	.freightbox, .inquirybox, .mobile, .seek_edge > div {display:block;}
	.drag, .web {display:none;}
	#standardfare {padding:20px 0;}
	
	.freight_system {padding:20px;}
	.freight_content:nth-child(1) {margin-right:0; width:100%;}
	.freight_content:nth-child(2), .freightbox2 .freight_content:nth-child(2) {margin-left:0; width:100%;}
	
	.address_search {margin:20px 0;}
	.address_search label:nth-child(1) {margin:0 0 10px 0;}
	.address_search label img {width:20px; top:12px; left:7px;}
	.address_search label input[type="text"] {height:45px; font-size:16px; line-height:20px; padding:0 0 0 34px;}
	
	.freight_content:nth-child(3) {margin-left:0; width:100%;}
	.mbdrag {display:block; font-size:13px; line-height:18px; letter-spacing:-0.13px; color:#707070; margin-bottom:16px;}
	.freight_system {border:none; border-radius:0;}
	.seek_edge > .mbseekbox {margin-bottom:10px; padding:0;}
	.seek_edge hr {border:1px dashed #d5d5d5; margin:10px 0;}
	.mb {display:flex; align-items:center; justify-content:space-between;}
	.seek_edge > div label {width:auto;}
	.seek_edge .seek-bar {margin:46px 15px 36px 15px;}
	.seek_edge div input {margin-top:0;}
	.seek_edge > div label, .seek_edge > div label span {font-size:16px; line-hegiht:18px; color:#7e7e7e;}
	.mb_seek_bar {display:flex; align-items:center;}
	.mb_seek_bar p {margin-top:18px;}
	.seek_edge .seek-bar .circle div.bar > em:nth-child(2) {margin-top:-33px;}
	.seek_edge .seek-bar .circle span {margin-top:-33px;}
	
	.freightbox .farebox {margin-top:10px; padding:20px;}
	.freightbox .farebox .recommend p:nth-child(1) {font-size:18px; line-height:26px;}
	.freightbox .farebox .recommend p:nth-child(2) {font-size:24px; line-height:33px;}
	
	.freightbox .farebox .lowest p {font-size:13px; line-height:18px;}
	.freightbox .farebox .lowest ul {margin-top:10px; align-items:flex-start;}
	.freightbox .farebox .lowest ul li:nth-child(1) {font-size:12px; line-height:16px; letter-spacing:-0.12px;}
	.freightbox .farebox .lowest ul li:nth-child(1) span {display:block;}
	.freightbox .farebox .lowest ul li:nth-child(2) {font-size:16px; line-height:23px; letter-spacing:-0.16px;}

	.freightbox .inquirybtn {height:50px; font-size:18px;}
	
	.inquirybox {height:auto; padding:20px;}
	.inquirybox ul img {width:20px;}
	.inquirybox .inquirytext {font-size:16px; line-height:20px;}
	.inquirybox .inquirylink {width:100%; margin-top:15px;}
}
@media all and (max-width:600px) {
	.truck_info .img img {width:150px; height:85px;}	
}
@media all and (max-width:500px) {
	.truck_info .img img {width:135px; height:76px;}
	.truck_info .info .name p {font-size:14px; line-height:16px;}
	.truck_info .info .spec {font-size:12px; line-height:16px; margin:6px 0;}
	
	.inquirybox ul img {width:16px; margin-top:2px;}
	.inquirybox .inquirytext {font-size:12px; line-heihgt:16px;}
}
@media all and (max-width:359px) {
	.truck_info .info .name {display:block;}
	.freightbox .farebox .recommend p:nth-child(1) {font-size:16px; line-height:24px;}
	.freightbox .farebox .recommend p:nth-child(2) {font-size:20px; line-height:30px;}
}

/* main-화주,기사 */
.hawjuimgcontent, .iconbox .icon_box div {position:relative;}
.iconbox .icon_box div ul {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.mainhwaju, .maingisa {display:flex; align-items:center; max-width:1920px; width:100%; margin:0 auto;}
.mainhwaju {margin:100px auto;}
.hawjubg {background:url(../images/mainhwajubg01.png) no-repeat; background-position:50% 50%;}
.gisabg {background:url(../images/maingisabg02.png) no-repeat; background-position:0% 100%;}
.hawjuimgcontent {width:70%; height:600px;}
.hawjuimgcontent .titletext {position:absolute; top:43px; right:60px; width:100%; text-align:right; color:#fff; letter-spacing:-0.8px;}
.hawjuimgcontent .gisatitletext {position:absolute; top:43px; left:60px; text-align:left;}
.hawjuimgcontent .titletext li:nth-child(1) {font-size:70px; line-height:72px; font-weight:bold;}
.hawjuimgcontent .titletext li:nth-child(2) {font-size:20px; line-height:28px; margin:10px 0 33px 0;}
.hawjuimgcontent .titletext button {width:160px; height:50px; border-radius:25px; background:#da002a; border:none; color:#fff; font-size:18px;}
.hawjuimgcontent .titletext button:hover {background:#fff; color:#da002a; transition:all .6s;}
.iconbox {width:600px;}
.iconbox .icon_box {display:flex; align-items:center; background:#f7f4f1;}
.iconbox .icon_box:nth-child(1) {background-image:linear-gradient(to left, #e2d8d8 50%, #f7f4f1 50%);}
.iconbox .icon_box:nth-child(2) {background-image:linear-gradient(to left, #f7f4f1 50%, #e2d8d8 50%);}
.iconbox .icon_box div {width:300px; height:300px; text-align:center;}
.iconbox .icon_box div ul {width:100%; padding:0 20px;}
.iconbox .icon_box div ul li:nth-child(2) {font-size:24px; line-height:28px; letter-spacing:-0.8px; font-weight:bold; margin:10px 0 7px 0;}
.iconbox .icon_box div ul li:nth-child(3) {font-size:16px; line-height:24px; letter-spacing:-0.8px;}
.marginimg {width:18%; height:600px;}

/* main-지화다 솔루션 */
.maxinservice {margin-top:80px;}
.serviceoverview_background {position:relative; background:#f2ece7; border-radius:15px; max-width:1060px; width:100%; height:509px; margin:0 auto;}
.serviceoverview_background .zihwadatitle {background:#e2d8d1; border-radius:15px 15px 0 0; text-align:center; color:#000; padding:26px 0 30px 0;}
.serviceoverview_background .zihwadatitle {font-size:43px; line-height:43px; font-family:'SBAggro'; font-weight:bold;}
.serviceoverview_background .zihwadatitle span {display:block; font-size:12px; line-height:11px; font-weight:400; font-family:'SpoqaHanSansNeo';}
.radiusbox {position:absolute; top:100px; left:0; display:block; width:100%; height:20px; background:#f2ece7; border-radius:15px 15px 0 0;}
.serviceoverviewbox {position:absolute; bottom:43px; left:50%; transform:translateX(-50%); max-width:1200px; display:flex; align-items:center;}
.serviceoverview_content {display:flex; width:798px; position:relative;}
.service-item {width:100px; overflow:hidden; transition:all .4s; display:flex; justify-content:space-between; position:relative; background:#fff; margin-right:10px; border-radius:12px;}
.service-item:last-child {margin-right:0;}
.service-item-cover {flex-shrink:0; opacity:0;}
.service-item-hovercontents {opacity:0; position:absolute; top:40px; left:40px;}
.service-item-contents {position:absolute; left:0; bottom:0; width:100%; height:100%; overflow:hidden;}
.service-item-contents h2 {font-size:24px; line-height:26px; letter-spacing:-0.72px; color:#b8b8b8; font-weight:bold; position:absolute; top:24px; left:50%; transform:translateX(-50%);}
.service-item-contents p {font-size:18px; position:absolute; bottom:24px; left:50%; transform:translateX(-50%) rotate(180deg); writing-mode:vertical-rl; text-orientation:sideways;}
.service-item-hovercontents h2 {font-size:26px; line-height:36px; letter-spacing:-0.8px; font-weight:600;}
.service-item-hovercontents p {font-size:18px; line-height:26px; letter-spacing:-0.8px; margin-top:10px;}
.web_xihwadaicon {display:none;}
.web_xihwadaicon img {display:block; margin:0 auto;}
.web_xihwadaicon .circle {width:100px;}

.service-item.view, .service-item.on {width:468px; opacity:1; color:#fff;}
.service-item.view .service-item-cover, .service-item.on .service-item-cover, .service-item.view .service-item-hovercontents, .service-item.on .service-item-hovercontents {opacity:1;}
.service-item.view .service-item-contents, .service-item.on .service-item-contents {opacity:0;}

.mb_serviceoverview {margin:50px 0; padding:0 20px;}
.mb_serviceoverview .xihwadaicon {width:100%; text-align:center;}
.mb_serviceoverview .xihwadaicon li {width:100%; height:60px; font-size:28px; line-height:60px; font-weight:bold; letter-spacing:-0.8px; border-radius:12px; margin:0 auto; background:#da291c; color:#fff;}
.serviceoverview_Swiper {width:100%; overflow:hidden;}
.serviceoverview_Swiper .swiper-slide {display:flex; justify-content:center; align-items:flex-start; max-width:255px;}
.mb_serviceoverviewcont {position:relative;}
.mb_serviceoverviewcont ul {position:absolute; top:30px; left:20px; color:#fff;}
.mb_serviceoverviewcont ul li:nth-child(1) {font-size:20px; line-height:28px; font-weight:600;}
.mb_serviceoverviewcont ul li:nth-child(2) {font-size:16px; line-height:24px; margin-top:14px;}

/* main-지화툰 */
.toontitle {font-size:40px; line-height:50px; font-weight:bold; letter-spacing:-1.2px;}
.xhtooncontent .toonbox, .xhtooncontent .toontopcontent {display:flex; align-items:center;}
.xhtooncontent .toontopcontent {justify-content:space-between; margin:57px 0 21px 0}
.toontopcontent li:nth-child(1) {font-size:26px; line-height:28px; font-weight:bold; letter-spacing:-1.17px;}
.toontopcontent li:nth-child(2) {font-size:20px; line-height:28px; letter-spacing:-0.9px; align-items:center;}
.toontopcontent li a {display:flex; align-items:center;}
.toontopcontent li .moreicon {display:block; width:8px; height:13px; background:url(../images/chevron-right.png) no-repeat; background-size:cover; margin-left:13px;}
.xhtooncontent .toonbox ul:nth-child(1) {margin-right:25px;}
.xhtooncontent .toonbox ul:nth-child(3) {margin-left:25px;}
.xhtooncontent .toonbox ul:hover img {opacity:.6; transition:all .4s;}
.xhtooncontent .toonbox ul {width:100%;}
.xhtooncontent .toonbox ul img {width:100%;}
.xhtooncontent .toonbox ul li:nth-child(2) {font-size:24px; line-height:26px; letter-spacing:-1.2px; font-weight:bold; margin:31px 0 8px 0;  overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.xhtooncontent .toonbox ul li:nth-child(3) {font-size:16px; line-height:24px; letter-spacing:-0.8px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.xhtooncontent .toonbox ul li:nth-child(4) {font-size:14px; line-height:16px; margin-top:20px;}
.xhtooncontent .toonbox .line {display:none; width:100%; margin:40px 0 60px 0; height:1px; background:#707070; opacity:0.17;}

@media all and (max-width:1210px) {
	.maincontent {padding:100px 20px 160px 20px;}
}
@media all and (min-width:1201px) and (max-width:1500px) {
	.hawjuimgcontent {width:70%; height:500px;}
	.hawjuimgcontent .titletext {right:50px;}
	.hawjuimgcontent .gisatitletext {left:50px;}
	.hawjuimgcontent .titletext li:nth-child(1) {font-size:64px; line-height:68px;}
	.iconbox {width:500px;}
	.iconbox .icon_box div {width:250px; height:250px;}
	.iconbox .icon_box div ul img {width:120px;}
	.iconbox .icon_box div ul li:nth-child(2) {font-size:22px; line-height:26px;}
	.iconbox .icon_box div ul li:nth-child(3) {font-size:16px; line-height:24px;}
	.marginimg {width:10%; height:500px;}
}
@media all and (min-width:960px) and (max-width:1200px) {
	.mainxhd .xhdimgbox .xhdimgboxtext img {width:24px; bottom:0;}
	.mainxhd .xhdimgbox .maintext,.xhdimgbox .xhdhovercontent li:nth-child(1) {font-size:22px; line-height:28px;}
	.xhdimgbox .xhdhovercontent ul li:nth-child(2) {font-size:18px; line-height:26px; margin-top:28px;}

	.maingisa {margin-top:80px;}
	.hawjuimgcontent {width:70%; height:400px;}
	.hawjuimgcontent .titletext {right:40px;}
	.hawjuimgcontent .gisatitletext {left:40px;}
	.hawjuimgcontent .titletext li:nth-child(1) {font-size:56px; line-height:58px;}
	.hawjuimgcontent .titletext li:nth-child(2) {font-size:18px; line-height:28px; margin:10px 0 30px 0;}
	.hawjuimgcontent .titletext button {width:150px; height:46px; border-radius:25px; font-size:16px;}
	.iconbox {width:400px;}
	.iconbox .icon_box div {width:200px; height:200px;}
	.iconbox .icon_box div ul {padding:0 10px;}
	.iconbox .icon_box div ul img {width:90px;}
	.iconbox .icon_box div ul li:nth-child(2) {font-size:20px; line-height:24px;}
	.iconbox .icon_box div ul li:nth-child(3) {font-size:14px; line-height:20px;}
	.marginimg {width:10%; height:400px;}
	.xhd_imgcontentbox .xhdcontent:nth-child(2) ul {padding-left:60px;}
	.xhd_imgcontentbox .xhdcontent:nth-child(3) ul {padding-right:10px;}

	.service_ex {font-size:28px; line-height:40px;}
	.serviceoverview_background {max-width:840px; height:460px;}
	.serviceoverview_background .zihwadatitle {font-size:40px; line-height:40px;}
	.serviceoverview_content {width:640px;}
	.service-item {width:70px;}
	.serviceoverviewbox .left_hwajuimg, .serviceoverviewbox .right_gisaimg {width:150px;}
	.service-item-contents h2 {font-size:22px; line-height:24px; top:20px;}
	.service-item-contents p {font-size:16px; bottom:20px;}
	.service-item-hovercontents h2 {font-size:24px; line-height:34px; letter-spacing:-0.8px; font-weight:600;}
	.service-item-hovercontents p {font-size:16px; line-height:22px; letter-spacing:-0.8px; margin-top:10px;}
	.service-item-cover, .service-item.view, .service-item.on {width:400px;}
}
@media all and (min-width:768px) and (max-width:959px) {
	.maincontent {padding:100px 20px;}
	
	.maincontenttext .maincommontext01 {font-size:30px; line-height:28px;}
	.maincontenttext .maincommontext02 {font-size:36px; line-height:40px;}
	.maincontenttext .maincommontext03 {font-size:18px; line-height:28px;}
	
	.mainxhd .xhdimgbox:nth-child(2) {margin:0 20px;}
	.mainxhd .xhdimgbox .xhdimgboxtext {padding:12px; bottom:20px;}
	.mainxhd .xhdimgbox .xhdimgboxtext img {width:22px; bottom:14px;}
	.mainxhd .xhdimgbox .hovercontent ul {padding:0 12px;}
	.mainxhd .xhdimgbox .maintext, .xhdimgbox .xhdhovercontent li:nth-child(1) {font-size:18px; line-height:28px;}
	.xhdimgbox .xhdhovercontent ul li:nth-child(2) {font-size:14px; line-height:20px; margin-top:20px;}

	.maingisa {margin-top:60px;}
	.hawjuimgcontent {width:70%; height:360px;}
	.hawjuimgcontent .titletext {right:30px;}
	.hawjuimgcontent .gisatitletext {left:30px;}
	.hawjuimgcontent .titletext li:nth-child(1) {font-size:50px; line-height:52px;}
	.hawjuimgcontent .titletext li:nth-child(2) {font-size:16px; line-height:26px; margin:10px 0 26px 0;}
	.hawjuimgcontent .titletext button {width:140px; height:46px; border-radius:25px; font-size:16px;}
	.iconbox {width:360px;}
	.iconbox .icon_box div {width:180px; height:180px;}
	.iconbox .icon_box div ul {padding:0 10px;}
	.iconbox .icon_box div ul img {width:70px;}
	.iconbox .icon_box div ul li:nth-child(2) {font-size:18px; line-height:20px;}
	.iconbox .icon_box div ul li:nth-child(3) {font-size:12px; line-height:16px;}
	.marginimg {display:none;}

	.service_ex {font-size:26px; line-height:36px;}
	.serviceoverviewbox, .web_xihwadaicon {display:block;}
	.serviceoverviewbox .left_hwajuimg, .serviceoverviewbox .right_gisaimg {display:none;}
	.serviceoverview_background {height:700px;}
	.serviceoverview_background .zihwadatitle {font-size:40px; line-height:40px;}
	.serviceoverview_content {width:640px; margin:0 auto;}
	.serviceoverviewbox {bottom:40px;}
	.service-item {width:70px;}
	.service-item-contents h2 {font-size:22px; line-height:24px; top:20px;}
	.service-item-contents p {font-size:16px; bottom:20px;}
	.service-item-hovercontents h2 {font-size:24px; line-height:34px; letter-spacing:-0.8px; font-weight:600;}
	.service-item-hovercontents p {font-size:16px; line-height:22px; letter-spacing:-0.8px; margin-top:10px;}
	.service-item-cover, .service-item.view, .service-item.on {width:400px;}

	.toontitle {font-size:36px; line-height:40px;}
	.xhtooncontent .toonbox ul:nth-child(1) {margin-right:15px;}
	.xhtooncontent .toonbox ul:nth-child(3) {margin-left:15px;}
}
@media all and (min-width:540px) and (max-width:767px) {
	.mainxhd, .mainhwaju, .maingisa {display:block;}
	.maincontent {padding:80px 20px;}
	.main_eventbanner {margin:-20px 0 60px 0;}
	
	.maincontenttext .maincommontext01 {font-size:26px; line-height:26px;}
	.maincontenttext .maincommontext02 {font-size:30px; line-height:40px; margin:30px 0 28px 0;}
	.maincontenttext .maincommontext03 {font-size:16px; line-height:26px;}
	
	.mainxhd .xhdimgbox {max-width:350px; margin:0 auto;}
	.mainxhd .xhdimgbox:nth-child(2) {margin:30px auto;}
	.mainxhd .xhdimgbox .maintext, .xhdimgbox .xhdhovercontent li:nth-child(1) {font-size:26px; line-height:36px;}
	.xhdimgbox .xhdhovercontent ul li:nth-child(2) {font-size:14px; line-height:20px; margin-top:20px;}

	.maingisa {margin-top:80px;}
	.hawjuimgcontent {width:100%; height:330px;}
	.hawjuimgcontent .titletext {right:30px;}
	.hawjuimgcontent .gisatitletext {left:30px;}
	.hawjuimgcontent .titletext li:nth-child(1) {font-size:64px; line-height:66px;}
	.hawjuimgcontent .titletext li:nth-child(2) {font-size:18px; line-height:28px; margin:10px 0 40px 0;}
	.hawjuimgcontent .titletext button {width:160px; height:50px; border-radius:25px; font-size:18px;}
	.iconbox {width:100%;}
	.iconbox .icon_box div {width:50%; height:270px;}
	.iconbox .icon_box div ul {padding:0 20px;}
	.iconbox .icon_box div ul img {width:120px;}
	.iconbox .icon_box div ul li:nth-child(2) {font-size:20px; line-height:22px;}
	.iconbox .icon_box div ul li:nth-child(3) {font-size:14px; line-height:20px;}
	
	.serviceoverview_background {height:719px;}
	
	.toontitle {font-size:30px; line-height:40px;}
	.toontopcontent li:nth-child(1) {font-size:24px; line-height:28px;}
	.toontopcontent li:nth-child(2) {font-size:18px; line-height:28px;}
}
@media all and (min-width:375px) and (max-width:539px) {
	.mainxhd, .mainhwaju, .maingisa, .xhtooncontent .toonbox, .xhtooncontent .toonbox .line {display:block;}
	.maincontent {padding:60px 20px 80px 20px;}
	.main_eventbanner {margin:-0 0 60px 0;}

	.maincontenttext .maincommontext01 {font-size:20px; line-height:22px;}
	.maincontenttext .maincommontext02 {font-size:22px; line-height:32px; margin:40px 0 30px 0;}
	.maincontenttext .maincommontext03 {font-size:14px; line-height:24px;}
	
	.mainxhd .xhdimgbox {max-width:350px; margin:0 auto;}
	.mainxhd .xhdimgbox:nth-child(2) {margin:30px auto;}
	.mainxhd .xhdimgbox .maintext, .xhdimgbox .xhdhovercontent li:nth-child(1) {font-size:26px; line-height:36px;}
	.xhdimgbox .xhdhovercontent ul li:nth-child(2) {font-size:16px; line-height:22px; margin-top:20px;}
	
	.maingisa {margin-top:50px;}
	.hawjuimgcontent {width:100%; height:330px;}
	.hawjuimgcontent .titletext {right:20px;}
	.hawjuimgcontent .gisatitletext {left:20px;}
	.hawjuimgcontent .titletext li:nth-child(1) {font-size:56px; line-height:58px;}
	.hawjuimgcontent .titletext li:nth-child(2) {font-size:14px; line-height:20px; margin:10px 0 40px 0;}
	.hawjuimgcontent .titletext button {width:160px; height:50px; border-radius:25px; font-size:18px;}
	.iconbox {width:100%;}
	.iconbox .icon_box div {width:50%; height:200px;}
	.iconbox .icon_box div ul {padding:0 20px;}
	.iconbox .icon_box div ul img {width:94px;}
	.iconbox .icon_box div ul li:nth-child(2) {font-size:16px; line-height:18px; margin:5px 0 2px 0;}
	.iconbox .icon_box div ul li:nth-child(3) {font-size:12px; line-height:16px;}

	.maxinservice {margin-top:60px;}
	.serviceoverview_background {height:719px;}

	.toontitle {font-size:22px; line-height:32px;}
	.xhtooncontent .toontopcontent {margin:60px 0;}
	.xhtooncontent .toonbox ul:nth-child(1) {margin-right:0;}
	.xhtooncontent .toonbox ul:nth-child(3) {margin-left:0;}
	.maincontentbox h2 {font-size:28px; line-height:38px;}
	.toontopcontent li:nth-child(1) {font-size:24px; line-height:28px;}
	.toontopcontent li:nth-child(2) {font-size:16px; line-height:28px;}
	.xhtooncontent .toonbox ul li:nth-child(2) {font-size:20px; line-height:24px; margin:30px 0 10px 0;}
	.xhtooncontent .toonbox ul li:nth-child(3) {font-size:14px; line-height:24px;}
	.xhtooncontent .toonbox ul li:nth-child(4) {font-size:14px; line-height:16px; margin-top:10px;}
}
@media all and (max-width:374px) {
	.mainxhd, .mainhwaju, .maingisa, .xhtooncontent .toonbox, .xhtooncontent .toonbox .line {display:block;}
	.maincontent {padding:60px 20px 80px 20px;}
	.main_eventbanner {margin:-0 0 60px 0;}
	
	.maincontenttext li:nth-child(1) {font-size:20px; line-height:22px;}
	.maincontenttext li:nth-child(2) {font-size:22px; line-height:32px; margin:40px 0 30px 0;}
	.maincontenttext li:nth-child(3) {font-size:14px; line-height:24px;}
	
	.mainxhd .xhdimgbox {max-width:350px; margin:0 auto;}
	.mainxhd .xhdimgbox:nth-child(2) {margin:30px auto;}
	.mainxhd .xhdimgbox .xhdimgboxtext {padding:0 16px;}
	.mainxhd .xhdimgbox .xhdimgboxtext img {width:24px;}
	.mainxhd .xhdimgbox .maintext, .xhdimgbox .xhdhovercontent li:nth-child(1) {font-size:26px; line-height:36px;}
	.xhdimgbox .xhdhovercontent ul {padding:0 30px 0 20px;}
	.xhdimgbox .xhdhovercontent ul li:nth-child(2) {font-size:16px; line-height:22px; margin-top:20px;}

	.maingisa {margin-top:50px;}
	.hawjuimgcontent {width:100%; height:330px;}
	.hawjuimgcontent .titletext {right:20px;}
	.hawjuimgcontent .gisatitletext {left:20px;}
	.hawjuimgcontent .titletext li:nth-child(1) {font-size:56px; line-height:58px;}
	.hawjuimgcontent .titletext li:nth-child(2) {font-size:14px; line-height:20px; margin:10px 0 40px 0;}
	.hawjuimgcontent .titletext button {width:160px; height:50px; border-radius:25px; font-size:18px;}
	.iconbox {width:100%;}
	.iconbox .icon_box div {width:50%; height:200px;}
	.iconbox .icon_box div ul {padding:0 20px;}
	.iconbox .icon_box div ul img {width:94px;}
	.iconbox .icon_box div ul li:nth-child(2) {font-size:16px; line-height:18px; margin:5px 0 2px 0;}
	.iconbox .icon_box div ul li:nth-child(3) {font-size:12px; line-height:16px;}

	.maxinservice {margin-top:60px;}
	.serviceoverview_background {height:719px;}

	.toontitle {font-size:22px; line-height:32px;}
	.xhtooncontent .toontopcontent {margin:40px 0;}
	.xhtooncontent .toonbox ul:nth-child(1) {margin-right:0;}
	.xhtooncontent .toonbox ul:nth-child(3) {margin-left:0;}
	.maincontentbox h2 {font-size:22px; line-height:30px;}
	.toontopcontent li:nth-child(1) {font-size:20px; line-height:24px;}
	.toontopcontent li:nth-child(2) {font-size:16px; line-height:24px;}
	.toontopcontent li .moreicon {margin-left:10px;}
	.xhtooncontent .toonbox ul li:nth-child(2) {font-size:18px; line-height:22px; margin:20px 0 10px 0;}
	.xhtooncontent .toonbox ul li:nth-child(3) {font-size:14px; line-height:24px;}
	.xhtooncontent .toonbox ul li:nth-child(4) {font-size:12px; line-height:14px; margin-top:10px;}
}

/* 서브페이지 */
.sub_banner {width:100%; height:340px; position:relative;}
.introduction {background:url(../images/introductionbg.png) no-repeat; background-position:50% 50%; background-size:cover;}
.hwaju {background:url(../images/hwajubg.png) no-repeat; background-position:50% 50%; background-size:cover;}
.gisa {background:url(../images/gisabg.png) no-repeat; background-position:10% 100%; background-size:cover;}
.platform {background:url(../images/platformbg.png) no-repeat; background-position:40% 50%; background-size:cover;}
.zhtoon {background:url(../images/toonbg.png) no-repeat; background-position:50% 50%; background-size:cover;}
.community {background:url(../images/communitybg.png) no-repeat; background-position:50% 50%; background-size:cover;}
.biz {background:url(../images/bizbg.png) no-repeat; background-position:10% 100%; background-size:cover;}
.payment {background:url(../images/paymentbg.png) no-repeat; background-position:50% 50%; background-size:cover;}
.event {background:url(../images/event.png) no-repeat; background-position:50% 50%; background-size:cover;}
.sub_banner h2 {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; font-size:60px; line-height:62px; letter-spacing:-0.8px; text-align:center; font-weight:bold; color:#fff; margin:0;}

.subcontainer {max-width:1200px; margin:0 auto; padding:100px 0 160px 0;}
.subcontainer2 {width:100%; padding:100px 0 160px 0;}
.sub_maintitle {font-size:68px; line-height:70px; letter-spacing:-1.02px; font-weight:500; width:100%; text-align:center; font-family:GongGothicMedium;}
.sub_maintitle .titleline {display:block; margin:80px auto; width:100px; height:5px; background:#222;}
.sub_maintitle .abbreviate {display:block; font-size:34px; line-height:34px; color:#bebebe; margin-top:6px;}
.subtextcontent {width:100%; text-align:center;}
.subtextcontent .subtext01 {font-size:33px; line-height:42px; letter-spacing:-0.99px; font-weight:600;}
.subtextcontent .subtext02 {font-size:18px; line-height:26px; margin-top:20px; letter-spacing:-0.8px;}
.solution_fullname {font-size:34px; line-height:38px; margin-bottom:80px; letter-spacing:-0.8px; font-weight:bold; color:#bebebe; text-align:center;}
.dividing_line {border:1px solid #d1d1d1; margin:0; border-width:1px 0 0 0;}

/* 서비스 이용하기 */
.use_service {padding:30px 0 40px; background:#ececec;}
.use_service > div {padding:0 20px; max-width:870px; width:100%; margin:0 auto;}
.use_service ul .us_text01 {font-size:27px; line-height:38px; font-weight:700; text-align:center;}
.use_service ul .us_text02 {margin-top:15px; font-size:18px; line-height:26px; font-weight:normal; text-align:center;}
.use_service .service_btn {margin-top:25px; display:flex; align-items:center; justify-content:center;}
.use_service .service_btn button {display:flex; align-items:center; justify-content:center; width:200px; height:60px; font-size:18px; font-weight:700; border-radius:10px; border:none; background:#000; color:#fff; transition:all .4s;}
.use_service .service_btn button + button, .use_service .service_btn button + a {margin-left:10px;}
.use_service .service_btn .googleplay img, .use_service .service_btn .appstore img {width:145px;}
.use_service .service_btn .guide {background:#d90028;}
.use_service .service_btn .guide:before {content:''; margin-right:11px; display:block; width:28px; height:28px; background:url(../images/sb_icon04.png) no-repeat; background-size:28px;}
.use_service .service_btn .pc:before {content:''; margin-right:14px; display:block; width:26px; height:26px; background:url(../images/sb_icon01.png) no-repeat; background-size:26px;}
.use_service .service_btn a {display:block;}

.use_service .service_btn .waiting {position:relative; background:rgba(1,1,1,.15);}
.use_service .service_btn .waiting:before {content:''; position:absolute; top:5px; right:5px; width:58px; height:29px; background:url(../images/e_icon04-1.png) no-repeat center; background-size:58px;}
.use_service .service_btn .waiting:hover {opacity:1;}

@media all and (max-width:1000px) {
	.use_service .service_btn .pc {display:none;}
	.use_service .service_btn .googleplay {margin:0;}
}
@media all and (min-width:580px) and (max-width:670px) {
	.use_service ul .us_text01 {font-size:20px; line-height:28px;}
	.use_service ul .us_text02 {margin-top:10px; font-size:16px; line-height:24px;}
	.use_service .service_btn button {width:180px; height:60px; font-size:16px;}
	.use_service .service_btn .googleplay img, .use_service .service_btn .appstore img {width:122px;}
	.use_service .service_btn .guide:before {width:24px; height:24px; background-size:24px;}
}
@media all and (max-width:579px) {
	.use_service {padding:30px 0 50px;}
	.use_service ul .us_text01 {font-size:20px; line-height:28px; text-align:left;}
	.use_service ul .us_text02 {margin-top:10px; font-size:16px; line-height:24px; text-align:left;}
	.use_service .service_btn {display:block;}
	.use_service .service_btn button  {width:100%;}
	.use_service .service_btn button + button, .use_service .service_btn button + a {margin-left:0; margin-top:10px;}
}

/* 지화다 소개 */
.construction_background, .differentcontent {max-width:1240px; width:100%; margin:0 auto; padding:0 20px;}
.construction_background img {border-radius:12px;}
.tobegin {margin-top:100px; width:100%; text-align:center; letter-spacing:-0.8px;}
.tobegin li:nth-child(1) {font-size:38px; line-height:42px; font-weight:bold;}
.tobegin li:nth-child(2) {font-size:30px; line-height:42px; margin:30px 0 60px 0;}
.cargo_platform {margin:60px 0 0 0; width:100%; display:flex; justify-content:space-between; letter-spacing:-0.8px;}
.cargo_platform h4 {font-size:38px; line-height:50px; font-weight:600;}
.cargo_platform > ul {max-width:767px; width:66%;}
.cargo_platform > ul li {font-size:18px; line-height:26px; margin-top:20px;}
.cargo_platform > ul li:first-child {margin-top:0;}
.ceosing {display:flex; align-items:center; margin-top:50px;}
.ceosing li {font-size:24px; line-height:30px; letter-spacing:-0.8px; font-weight:bold; margin-right:30px;}

.subcontainer3 {overflow:hidden; position:relative; height:960px; min-height:650px; max-width:1920px; width:100%; margin:0 auto;}
.subcontainer3 > .sub_maintitle {position: absolute; top:0; left:0; color:#fff; z-index:1; margin:100px 0 0 0;}
.subcontainer3 > .sub_maintitle .titleline {background:#fff;}
.subcontainer3 .bg {position:absolute; left:0; top:0; width:100%; height:100%; background:#917e6e;}
.subcontainer3 .bg:after {display:block; content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.3);}
.subcontainer3 .bg img {animation:scale 20s linear infinite; transform:scale(1.12);}
@keyframes scale {
	from {transform:scale(1.12);}
	50% {transform:scale(1);}
	100% {transform:scale(1.12);}
}

.goalcontent {display:flex; position:relative; z-index:2; width:100%; height:100%;}
.goalcontent .goalbox {position:relative; width:calc(100% / 3);}
.goalcontent .goalbox:nth-child(1) {transition:width 1s 0s, transform 1s 0s, opacity 1s 0s!important;}
.goalcontent .goalbox:nth-child(2) {transition:width 1s 0s, transform 1s .2s, opacity 1s .2s!important;}
.goalcontent .goalbox:nth-child(3) {transition:width 1s 0s, transform 1s .4s, opacity 1s .4s!important;}
.goalcontent .goalbox:before {opacity:0; display:block; content:""; position:absolute; left:0; top:0; z-index:0; width:100%; height:100%; background:rgba(0,0,0,.6); transition:all .4s;}
.goalcontent .goalbox + li {border-left:1px solid rgba(255,255,255,.2);}
.goalcontent .goalbox a {position:relative; z-index:1; display:flex; flex-flow:column; align-items:center; justify-content:center; height:auto; text-align:center; color:#fff;}
.goalcontent .goalbox .goal_contentbox {width:100%; position:absolute; top:400px; left:50%; transform:translateX(-50%);}
.goalcontent .goalbox .goal_contentbox span {display:block; width:12px; height:12px; margin:24px auto; border-radius:50%; background:#fff; border:1px solid #707070;}
.goalcontent .goalbox .goalhover {opacity:0; height:0; transition:all .4s;}
.goal_contentbox ul .goalnember {font-size:50px; line-height:52px; letter-spacing:-0.8px; font-weight:600;}
.goal_contentbox ul .goaltitle {margin-top:15px; font-size:38px; line-height:42px; letter-spacing:-0.8px; font-weight:600;}
.goalhover ul {white-space:wrap;}
.goalhover ul li {font-size:18px; line-height:28px; letter-spacing:-0.8px;}
.goalhover ul li:nth-child(1) {margin:0 0 28px 0;}

@media(hover:hover) {
	.goalcontent .goalbox:hover {width:40%; color:#fff;}
	.goalcontent .goalbox:hover:before {opacity:1;}
	.goalcontent .goalbox:hover .goalhover {opacity:1; height:auto;}
	.goalcontent .goalbox:hover ul .goalnember, .goalcontent .goalbox:hover ul .goaltitle {color:#df2347;}
	.goalcontent .goalbox:hover .goal_contentbox span {background:#df2347; border:1px solid #df2347;}
	.use_service .service_btn button:hover {opacity:0.7;}
}
@media all and (min-width:1000px) and (max-width:1300px) {
	.goal_contentbox ul .goalnember {font-size:40px; line-height:42px;}
	.goal_contentbox ul .goaltitle {margin-top:15px; font-size:30px; line-height:32px;}
	.goalcontent .goalbox .goal_contentbox span {width:10px; height:10px; margin:20px auto;}
	.goalhover ul li {font-size:14px; line-height:22px;}
	.goalhover ul li:nth-child(1) {margin:0 0 22px 0;}
}
@media all and (min-width:880px) and (max-width:999px) {
	.goalcontent .goalbox:hover {width:46%;}
	.goal_contentbox ul .goalnember {font-size:36px; line-height:38px;}
	.goal_contentbox ul .goaltitle {margin-top:10px; font-size:24px; line-height:26px;}
	.goalcontent .goalbox .goal_contentbox span {width:8px; height:8px; margin:20px auto;}
	.goalhover ul li {font-size:14px; line-height:22px;}
	.goalhover ul li:nth-child(1) {margin:0 0 22px 0;}
}
@media all and (min-width:768px) and (max-width:879px) {
	.goalcontent .goalbox:hover {width:46%;}
	.goal_contentbox ul .goalnember {font-size:30px; line-height:32px;}
	.goal_contentbox ul .goaltitle {margin-top:10px; font-size:22px; line-height:24px;}
	.goalcontent .goalbox .goal_contentbox span {width:8px; height:8px; margin:20px auto;}
	.goalhover ul li {font-size:12px; line-height:18px;}
	.goalhover ul li:nth-child(1) {margin:0 0 18px 0;}
}

.mbgoalcontent {width:100%;}
.mbgoalcontent:nth-child(3) {margin:60px 0;}
.mbgoalcontent .mbgoaltitle {margin:33px 0 20px 0; font-size:26px; line-height:30px; letter-spacing:-0.78px; font-weight:600;}
.mbgoalcontent ul li {font-size:16px; line-height:24px; letter-spacing:-0.8px;}
.mbgoalcontent ul li:nth-child(1) {margin-bottom:24px;}

.logisgroup {margin:100px 0;}
.mblogisgroup {max-width:500px; margin:60px auto;}
.generalstatusbox {width:100%; display:flex; align-items:flex-start; justify-content:space-between;}
.softsitelinkbox {cursor:pointer; position:relative; width:451px; height:428px; background:url(../images/softlinkimg.png) no-repeat; background-size:cover; background-position:50% 50%;}
.softsitelinkbox ul {position:absolute; bottom:0; left:0; width:100%; display:flex; align-items:center; justify-content:space-between; padding:60px 30px; background:rgba(0,0,0,.38);}
.softsitelinkbox ul li {font-size:24px; line-height:26px; font-weight:600; color:#fff;}
.softsitelinkbox ul li span {display:block; font-size:18px; line-height:20px; margin-top:6px; font-weight:400;}

.contactus_box {width:calc(100% - 496px); border:1px solid #e5dcd5;}
.contactus_box ul {display:flex; align-items:center;}
.contactus_box p, .contactus_content li {font-size:18px; line-height:26px; letter-spacing:-0.2px;}
.contactus_title {width:100%; font-size:28px; line-height:36px; letter-spacing:-0.8px; font-weight:bold;}
.contactus_box p {padding:17px 30px; font-weight:bold; border-bottom:1px solid #e5dcd5; background:#917e6e; color:#fff;}
.contactus_content {border-bottom:1px solid #e5dcd5;}
.contactus_content:last-child {border:none;}
.contactus_content > li {width:50%; padding:17px 30px; border-right:1px solid #e5dcd5; background:#f6f1ed; font-weight:bold;}
.contactus_content ul {padding:17px 30px; width:50%;}
.contactus_content ul li {margin-left:13px;}

.taskcontent {position:relative; width:100%; height:330px; margin:0 0 90px 0;}
.taskSwiper {max-width:1060px; width:100%; height:300px; position:relative; overflow:hidden;}
.taskSwiper .swiper-slide {max-width:1060px; width:100%; height:300px;}

.historybox {margin:0 0 90px 0; display:flex; align-items:flex-start; justify-content:space-between;}
.historybox .fixedyear {text-align:right; position:sticky; top:80px; left:0; width:260px; z-index:2;}
.historybox .year li {font-size:90px; line-height:100px; font-weight:bold;}
.historybox .imgbox {position:absolute; top:200px; left:0;}
.historybox .year img {box-shadow:0 31px 28px 0 rgba(0, 0, 0, 0.27);}
.historybox .year img:nth-child(2) {margin:100px 0 50px 0;}
.historybox .redcircle {display:block; width:19px; height:19px; background:#e61c3a; border-radius:50%; margin-top:50px;}
.historybox .historylist {width:calc(100% - 360px); margin-top:25px;}
.historybox .historylist::-webkit-scrollbar {display: none;}
.historybox .historylist .yearbyyear li {font-size:18px; line-height:28px; letter-spacing:-0.8px; font-weight:bold; margin-bottom:10px;}
.historybox .historylist .yearbyyear li:before {content:'•'; color:#917e6e; margin-right:8px;}
.yearline {font-size:24px; line-height:30px; color:#eb0b0b; font-weight:bold; padding:60px 0; position:relative; overflow:hidden;}
.yearline:after {content:''; flex-grow:1; background:#e23b5b; height:3px; width:100%; position:absolute; top:50%; margin-left:20px;}

@media all and (min-width:960px) and (max-width:1210px) {
	.historybox .year {width:230px;}
	.historybox .year li {font-size:100px; line-height:100px;}
	.historybox .year img:nth-child(2) {width:190px;}
	.historybox .year img:nth-child(3) {width:150px;}
	.historybox .historylist {width:calc(100% - 330px);}
}

@media all and (min-width:540px) and (max-width:767px) {
	.historybox {display:block;}
	.historybox span, .historybox .year img:nth-child(2), .historybox .year img:nth-child(3) {display:none;}
	.historybox .fixedyear {width:100%; top:0; background:#fff; padding:80px 0 6px 0;}
	.historybox .year li {font-size:60px; line-height:62px; text-align:left;}
	.historybox .historylist {width:100%;}
	.historybox .historylist .yearbyyear li {font-size:16px; line-height:22px; margin-bottom:20px;}
}

@media all and (min-width:375px) and (max-width:539px) {
	.historybox {display:block;}
	.historybox span, .historybox .year img:nth-child(2), .historybox .year img:nth-child(3) {display:none;}
	.historybox .fixedyear {width:100%; top:0; background:#fff; padding:80px 0 6px 0;}
	.historybox .year li {font-size:48px; line-height:50px; text-align:left;}
	.historybox .historylist {width:100%;}
	.historybox .historylist .yearbyyear li {font-size:14px; line-height:18px; margin-bottom:16px;}
}

@media all and (max-width:374px) {
	.historybox {display:block;}
	.historybox span, .historybox .year img:nth-child(2), .historybox .year img:nth-child(3) {display:none;}
		.historybox .fixedyear {width:100%; top:0; background:#fff; padding:80px 0 6px 0;}
	.historybox .year li {font-size:48px; line-height:52px; text-align:left;}
	.historybox .historylist {width:100%;}
	.historybox .historylist .yearbyyear li {font-size:14px; line-height:18px; margin-bottom:12px;}
}

.btn-wrapper {display:flex; align-items:center; justify-content:flex-end;}
.btn-wrapper {width:100%; max-width:1060px; margin:0 auto;}
.btn-wrapper .swiper-control {width:28px; height:28px; margin:0 0 0 20px; background:url("../images/stopicon.png") no-repeat; z-index:1; background-size:cover; border:none;}
.btn-wrapper .swiper-control.stop {background: url("../images/starticon.png") no-repeat; background-size:cover;}
.taskcontent .swiper-pagination {width:auto; position:inherit;}
.taskcontent .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:0;}
.taskcontent .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(even) {margin:0 8px;}
.taskcontent .swiper-pagination-bullet {width:14px; height:14px; background:#917e6e; transition:all .4s;}
.taskcontent .swiper-pagination-bullet-active {width:36px; height:14px; border-radius:7px;}

.swiperbuttonbox {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:1260px; width:100%; height:60px; display:flex; align-items:center; justify-content:space-between;}
.taskcontent .swiper-button-next, .taskcontent .swiper-button-prev {position:inherit; width:60px; height:60px; margin:0; top:0;}
.taskcontent .swiper-button-next::after, .taskcontent .swiper-button-prev::after {content:""; display:inline-block; background:url(../images/taskright.png) no-repeat; background-size:cover; width:60px; height:60px;}
.taskcontent .swiper-button-next {right:0;}
.taskcontent .swiper-button-prev {left:0; transform:rotate(180deg);}

.taskyear {color:#917e6e; width:100%; display:flex; align-items:center; justify-content:space-between; font-size:60px; line-height:62px; letter-spacing:-1.8px; font-weight:600;}
.taskyear::after {content:''; display:block; border:2px solid #917e6e; width:calc(100% - 240px);}
.taskcontentbox {width:100%; margin:28px 0 0 0; display:flex; align-items:flex-start; justify-content:space-between;}
.taskcontentbox p {width:280px; font-size:22px; line-height:33px; letter-spacing:-0.33px; font-weight:600;}
.taskcontentbox ul {width:calc(100% - 340px);}
.taskcontentbox ul li {font-size:17px; line-height:26px; letter-spacing:-0.8px; margin-top:10px; list-style-image:url(../images/tasklist.png);}
.taskcontentbox ul li:nth-child(1) {margin:0;}

.taskimg {max-width:1240px; width:100%; margin:0 auto;}
.mbtask {width:100%;}
.mbtask .mbtasktop {width:100%;}
.mbtask .mbtasktop li:nth-child(1) {padding:20px 0; font-size:30px; line-height:40px; font-weight:600; letter-spacing:-0.9px; text-align:center; background:#917e6e; color:#fff;}
.mbtask .mbtasktop li:nth-child(2) {padding:20px; font-size:20px; line-height:28px; letter-spacing:-0.8px; font-weight:600; background:#f6f1ed; border:1px solid #e5dcd5;}
.mbtaskcontent {padding:20px; border:1px solid #e5dcd5; border-top:none;}
.mbtaskcontent li {font-size:16px; line-height:26px; letter-spacing:-0.8px; margin:20px 0 0 20px; list-style-image:url(../images/tasklist.png);}
.mbtaskcontent li:nth-child(1) {margin:0 0 0 20px;}
.mbtask_down {display:block; margin:20px auto;}

@media all and (min-width:1000px) and (max-width:1300px) {
	.taskSwiper {max-width:840px;}
	.taskSwiper .swiper-slide {max-width:840px;}
	.btn-wrapper {max-width:840px;}
	.btn-wrapper .swiper-control {width:24px; height:24px;}
	.swiperbuttonbox {max-width:980px; height:50px;}
	.taskcontent .swiper-button-next, .taskcontent .swiper-button-prev, .taskcontent .swiper-button-next::after, .taskcontent .swiper-button-prev::after {width:50px; height:50px;}
	.taskyear {font-size:56px; line-height:58px;}
	.taskyear::after {width:calc(100% - 220px);}
	.taskcontentbox p {width:260px; font-size:20px; line-height:30px;}
	.taskcontentbox ul {width:calc(100% - 320px);}
	.taskcontentbox ul li {font-size:16px; line-height:24px;}
}
@media all and (min-width:768px) and (max-width:999px) {
	.taskSwiper {max-width:660px;}
	.taskSwiper .swiper-slide {max-width:660px;}
	.btn-wrapper {max-width:660px;}
	.btn-wrapper .swiper-control {width:20px; height:20px;}
	.taskcontent {margin:0 0 60px 0;}
	.taskcontent .swiper-pagination-bullet {width:10px; height:10px;}
	.taskcontent .swiper-pagination-bullet-active {width:30px; height:10px;}
	.swiperbuttonbox {max-width:800px; height:40px;}
	.taskcontent .swiper-button-next, .taskcontent .swiper-button-prev, .taskcontent .swiper-button-next::after, .taskcontent .swiper-button-prev::after {width:40px; height:40px;}
	.taskyear {font-size:50px; line-height:52px;}
	.taskyear::after {width:calc(100% - 200px);}
	.taskcontentbox {display:block;}
	.taskcontentbox p {width:100%; font-size:20px; line-height:30px;}
	.taskcontentbox ul {width:100%; margin:20px 0 0 0;}
	.taskcontentbox ul li {font-size:16px; line-height:24px; margin:10px 0 0 16px;}
	.taskcontentbox ul li:nth-child(1) {margin:0 0 0 16px;}
}
@media all and (max-width:767px) {
	.taskimg {margin:0 0 80px 0;}
}

.pi_contents {margin-top:100px;}
.pi_contents .pi_title {margin-bottom:30px; height:78px; font-size:30px; line-height:78px; font-weight:700; text-align:center; border-radius:20px; border:2px solid #87776a; background:#f2ece7; color:#87776a;}
.pi_contents .pi_box {margin-top:20px; display:flex; align-items:center;}
.pi_contents .pi_box div {padding:20px; width:100%; border-radius:20px; background:#f2f2f2;}
.pi_contents .pi_box div + div {margin-left:20px;}
.pi_contents .pi_box div p {margin-left:20px; margin-top:4px; display:flex; align-items:center; font-size:24px; line-height:33px; font-weight:700;}
.pi_contents .pi_box div p:before {content:''; margin-right:10px; display:block; width:41px; height:41px; background:url(../images/pi_icon01.png) no-repeat; background-size:41px;}
.pi_contents .pi_box div ul {margin-top:15px; padding:30px; border-radius:20px; background:#fff;}
.pi_contents .pi_box div ul li {margin-top:20px; padding-left:37px; position:relative; font-size:20px; line-height:27px; font-weight:400; letter-spacing:-0.3px; color:#222;}
.pi_contents .pi_box div ul li:nth-child(1) {margin-top:0;}
.pi_contents .pi_box div ul li:before {content:''; position:absolute; top:0; left:0; width:27px; height:27px; background:url(../images/pi_icon02.png) no-repeat; background-size:27px;}

@media all and (min-width:1141px) and (max-width:1220px) {
	.pi_contents .pi_box div ul li {font-size:18px;}
}

@media all and (min-width:1000px) and (max-width:1140px) {
	.pi_contents .pi_box div ul {padding:20px;}
	.pi_contents .pi_box div ul li {margin-top:15px; font-size:16px;}
}

@media all and (min-width:870px) and (max-width:999px) {
	.pi_contents {margin-top:80px;}
	.pi_contents .pi_title {height:70px; font-size:26px; line-height:70px; border-radius:16px;}
	.pi_contents .pi_box div, .pi_contents .pi_box div ul {padding:16px; border-radius:12px;}
	.pi_contents .pi_box div p {margin-left:16px; font-size:22px; line-height:30px;}
	.pi_contents .pi_box div p:before {width:32px; height:32px; background-size:32px;}
	.pi_contents .pi_box div ul li {margin-top:10px; padding-left:30px; font-size:14px; line-height:20px;}
	.pi_contents .pi_box div ul li:before {width:20px; height:20px; background-size:20px;}
}

@media all and (min-width:768px) and (max-width:869px) {
	.pi_contents {margin-top:80px;}
	.pi_contents .pi_title {height:60px; font-size:22px; line-height:60px; border-radius:12px;}
	.pi_contents .pi_box div, .pi_contents .pi_box div ul {padding:10px; border-radius:10px;}
	.pi_contents .pi_box div p {margin-left:10px; font-size:18px; line-height:26px;}
	.pi_contents .pi_box div p:before {width:26px; height:26px; background-size:26px;}
	.pi_contents .pi_box div ul {margin-top:10px;}
	.pi_contents .pi_box div ul li {margin-top:10px; padding-left:22px; font-size:13px; line-height:16px;}
	.pi_contents .pi_box div ul li:before {width:16px; height:16px; background-size:16px;}
}
@media all and (max-width:767px) {
	.pi_contents {margin-top:60px;}
	.pi_contents .pi_title {height:60px; font-size:18px; line-height:60px; border-radius:10px;}
	.pi_contents .pi_box {margin-top:30px; display:block;}
	.pi_contents .pi_box div {padding:10px; border-radius:10px;}
	.pi_contents .pi_box div + div {margin-left:0; margin-top:30px;}
	.pi_contents .pi_box div p {margin-left:10px; font-size:16px; line-height:26px;}
	.pi_contents .pi_box div p:before {margin-right:5px; width:26px; height:26px; background-size:26px;}
	.pi_contents .pi_box div ul {margin-top:10px; padding:20px; border-radius:10px;}
	.pi_contents .pi_box div ul li {margin-top:10px; padding-left:20px; font-size:14px; line-height:15px; letter-spacing:-0.21px;}
	.pi_contents .pi_box div ul li:before {width:15px; height:15px; background-size:15px;}
}

.cicontent, .characterimg {margin-top:80px;}
.xebeccolor {width:100%; display:flex; align-items:center;}
.xebeccolor .colorbox {width:100%; padding:30px 40px; color:#fff;}
.xebeccolor .xebecred {background:#e61c3a;}
.xebeccolor .xebecgray {background:#616163;}
.xebeccolor .colorbox p {font-size:22px; line-height:24px; letter-spacing:-0.8px; font-weight:bold; margin-bottom:18px;}
.xebeccolor .colorbox .colorinfor {display:flex; align-items:center;}
.xebeccolor .colorbox .colorinfor ul:nth-child(1) {width:30%;}
.xebeccolor .colorbox .colorinfor ul:nth-child(2) {width:70%;}
.xebeccolor .colorbox .colorinfor ul li {font-size:16px; line-height:34px; letter-spacing:-0.8px; font-weight:400;}

.news_contentbox .list li, .update_contentbox .list li {display:table; border-collapse:collapse; width:100%; margin-bottom:10px;}
.listbox, .listbox2 {display:none;}
.news_contentbox hr, .update_contentbox hr {background:#707070; display:none;}
.news_contentbox .inner, .update_contentbox .inner {display:table-row; overflow:hidden}
.news_contentbox .li-img, .update_contentbox .li-img {display:table-cell; vertical-align:middle; width:23%;}
.news_contentbox .li-img img, .update_contentbox .li-img img {display:block; width:100%; height:auto; border-radius:6px;}
.news_contentbox .li-text, .update_contentbox .li-text {display:table-cell; vertical-align:middle; width:77%; text-align:left; background:#fff; padding:6px;}
.news_contentbox .li-text p:nth-child(1), .update_contentbox .li-text p:nth-child(1) {font-size:14px; line-height:18px; letter-spacing:-0.8px;}
.news_contentbox .li-text p:nth-child(2), .update_contentbox .li-text p:nth-child(2) {font-size:24px; line-height:28px; letter-spacing:-0.8px; font-weight:bold; margin:4px 0 10px 0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.news_contentbox .li-text p:nth-child(3), .update_contentbox .li-text p:nth-child(3) {font-size:16px; line-height:20px; letter-spacing:-0.8px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.morebutton {width:100%; text-align:center;}
#load.none, #load2.none {display:none;}
.morebutton button {width:380px; height:80px; border:1px solid #707070; background:#fff; color:#222; border-radius:49px; font-size:24px; letter-spacing:-1.8px; font-weight:bold; transition:all .4s;}
.morebutton button:hover {background:#e61c3a; border:none; color:#fff;}

@media all and (min-width: 40em) {
	.news_contentbox hr, .update_contentbox hr {display:none !important;}
	.news_contentbox .list, .update_contentbox .list {padding:0.5em; max-width:70em; margin:0 auto; overflow:hidden;}
	.news_contentbox .list li, .update_contentbox .list li {padding:0.5em; display:block; width:50%; float:left; background:none; border:0; margin:0;}
	.listbox, .listbox2 {margin:0 0 100px 0;}
	.news_contentbox .inner, .update_contentbox .inner {display:block;}
	.news_contentbox .li-text p:nth-child(1), .update_contentbox .li-text p:nth-child(1) {margin-top:4px;}
	.news_contentbox .li-img, .li-text, .inner, .update_contentbox .li-img, .li-text, .inner {display:block; width:auto; padding:0;}
	.news_contentbox .li-img, .update_contentbox .li-img {border-right:none;}
}
@media all and (min-width: 50em) {
	.news_contentbox .list li, .update_contentbox .list li {width:33.33333333%;}
}

.addbox {width:100%; height:450px; box-shadow:0 31px 28px 0 rgba(0, 0, 0, 0.2);}
.detailedinfor {margin-top:50px; display:flex; align-items:flex-start;}
.detailedinfor .detailedinfortitle {width:300px; font-size:33px; line-height:44px; font-weight:600; letter-spacing:-0.99px;}
.detailedinfor .addcontent {display:flex; align-items:flex-start; margin-top:10px;}
.detailedinfor .addcontent li {margin-left:15px; font-size:20px; line-height:22px; letter-spacing:-0.8px;}
.detailedinfor .addcontent ul li {margin-top:10px;}
.detailedinfor .addcontent:nth-child(1), .detailedinfor .addcontent ul li:nth-child(1) {margin-top:0;}
.roadmap:last-child {margin-top:80px;}

@media all and (max-width:1210px) {
	.subcontainer {padding:100px 20px 160px 20px;}
}
@media all and (min-width:960px) and (max-width:1200px) {
	.sub_maintitle {font-size:60px; line-height:62px;}

	.subtextcontent .subtext01 {font-size:30px; line-height:40px;}

	.softsitelinkbox {width:392px; height:372px;}
	.softsitelinkbox ul {padding:50px 30px;}
	.contactus_box {width:calc(100% - 422px);}
	.contactus_box p, .contactus_content li {font-size:16px; line-height:24px;}
	.contactus_box p, .contactus_content > li, .contactus_content ul {padding:14px 20px;}
}
@media all and (min-width:768px) and (max-width:959px) {
	.sub_banner h2 {font-size:54px; line-height:56px;}
	.sub_maintitle {font-size:50px; line-height:52px;}
	.sub_maintitle .titleline {width:80px; margin:70px auto;}

	.subcontainer {padding:100px 20px;}
	.subcontainer2 {padding:100px 0;}
	.subtextcontent .subtext01 {font-size:26px; line-height:36px;}
	.subtextcontent .subtext02 {font-size:16px; line-height:24px; margin-top:30px;}

	.cargo_platform {margin:60px 0 0 0;}
	.tobegin li:nth-child(1) {font-size:32px; line-height:32px;}
	.tobegin li:nth-child(2) {font-size:22px; line-height:30px;}
	.cargo_platform h4 {font-size:26px; line-height:36px; margin-right:20px;}
	.cargo_platform > ul {width:63%;}
	.cargo_platform > ul li {font-size:14px; line-height:22px;}
	.ceosing {margin-top:30px;}
	.ceosing img {width:160px;}

	.softsitelinkbox {width:300px; height:330px; background-position:96% 50%;}
	.softsitelinkbox ul {padding:40px 20px;}
	.softsitelinkbox ul li {font-size:20px; line-height:22px;}
	.softsitelinkbox ul li span {font-size:14px; line-height:16px;}
	.softsitelinkbox ul img {width:40px;}
	.contactus_box {width:calc(100% - 320px);}
	.contactus_box p, .contactus_content li {font-size:14px; line-height:22px;}
	.contactus_box p, .contactus_content > li, .contactus_content ul {padding:12px 15px;}
	.contactus_content ul img {width:16px;}
	.contactus_content ul li {margin-left:6px;}

	.xebeccolor .colorbox .colorinfor ul:nth-child(1) {width:40%;}
	.xebeccolor .colorbox .colorinfor ul:nth-child(2) {width:60%;}
}
@media all and (min-width:540px) and (max-width:767px) {
	.xebeccolor, .detailedinfor {display:block;}
	.sub_banner h2 {font-size:44px; line-height:46px;}
	.sub_maintitle .titleline {margin:60px auto; width:50px; height:2px;}

	.subcontainer {padding:80px 20px;}
	.subcontainer2 {padding:80px 0;}
	.subtextcontent {text-align:left;}
	.subtextcontent .subtext01 {font-size:24px; line-height:34px;}
	.subtextcontent .subtext02 {font-size:16px; line-height:24px; margin-top:30px;}

	.cargo_platform {margin:60px 0 0 0;}
	.tobegin li:nth-child(1) {font-size:26px; line-height:30px;}
	.tobegin li:nth-child(2) {font-size:20px; line-height:30px; margin:20px 0 40px 0;}
	.cargo_platform {display:block;}
	.cargo_platform > ul {width:100%;}
	.cargo_platform > ul li {font-size:16px; line-height:24px;}
	.serviceoverview_background {height:719px;}
	.servicecontent {padding:0 0 80px 0;}
	.serviceoverview {margin-bottom:80px;}
	.ceosing {width:100%; margin-top:30px; justify-content:flex-end;}
	.ceosing img {width:140px;}
	.ceosing li {font-size:20px; line-height:22px; margin-right:16px;}

	.generalstatusbox, .contactus_box .contactus_content {display:block;}
	.softsitelinkbox {width:100%; height:300px; background:url(../images/mbsoftlinkimg.png) no-repeat; background-size:cover; background-position:90% 50%;}
	.softsitelinkbox ul {padding:30px;}
	.softsitelinkbox ul li {font-size:20px; line-height:22px;}
	.softsitelinkbox ul li span {font-size:14px; line-height:16px;}
	.softsitelinkbox ul img {width:40px;}
	.contactus_box, .contactus_content > li {width:100%;}
	.contactus_box, .contactus_box p, .contactus_content {border:none;}
	.contactus_box p, .contactus_content > li, .contactus_content ul {padding:0;}
	.contactus_box {margin-top:60px;}
	.contactus_box p {font-size:24px; line-height:32px; background:#fff; color:#222;}
	.contactus_content {margin-top:30px;}
	.contactus_content > li {background:#fff; border-right:none;}
	.contactus_content ul li {margin-left:0;}
	.contactus_content li {font-size:18px; line-height:23px;}

	.cicontent, .characterimg {margin-top:60px;}
	.detailedinfor .detailedinfortitle {width:100%; font-size:28px; line-height:36px; margin-bottom:20px;}
	.detailedinfor .addcontent img {width:20px;}
	.detailedinfor .addcontent li {font-size:16px; line-height:20px; margin-left:10px;}
}
@media all and (min-width:375px) and (max-width:539px) {
	.xebeccolor, .detailedinfor {display:block;}
	.sub_banner h2 {font-size:38px; line-height:40px;}
	.sub_maintitle .titleline {margin:40px auto; width:50px; height:2px;}

	.subcontainer {padding:60px 20px 80px 20px;}
	.subcontainer2 {padding:60px 0 80px 0;}
	.subtextcontent {text-align:left;}
	.subtextcontent .subtext01 {font-size:20px; line-height:30px;}
	.subtextcontent .subtext02 {font-size:16px; line-height:24px; margin-top:30px;}

	.cargo_platform {margin:60px 0 0 0;}
	.tobegin li:nth-child(1) {font-size:26px; line-height:30px;}
	.tobegin li:nth-child(2) {font-size:20px; line-height:30px; margin:20px 0 40px 0;}
	.cargo_platform {display:block;}
	.cargo_platform > ul {width:100%;}
	.cargo_platform > ul li {font-size:16px; line-height:24px;}
	.serviceoverview_background {height:719px;}
	.servicecontent {padding:0 0 80px 0;}
	.serviceoverview {margin-bottom:80px;}
	.ceosing {width:100%; margin-top:30px; justify-content:flex-end;}
	.ceosing img {width:140px;}
	.ceosing li {font-size:18px; line-height:20px; margin-right:10px;}

	.generalstatusbox, .contactus_box .contactus_content {display:block;}
	.softsitelinkbox {width:100%; height:300px; background:url(../images/mbsoftlinkimg.png) no-repeat; background-size:cover; background-position:87% 50%;}
	.softsitelinkbox ul {padding:30px;}
	.softsitelinkbox ul li {font-size:18px; line-height:20px;}
	.softsitelinkbox ul li span {font-size:14px; line-height:16px;}
	.softsitelinkbox ul img {width:40px;}
	.contactus_box, .contactus_content > li {width:100%;}
	.contactus_box, .contactus_box p, .contactus_content {border:none;}
	.contactus_box p, .contactus_content > li, .contactus_content ul {padding:0;}
	.contactus_box {margin-top:60px;}
	.contactus_title {font-size:24px; line-height:33px;}
	.contactus_box p {font-size:22px; line-height:30px; background:#fff; color:#222;}
	.contactus_content {margin-top:30px;}
	.contactus_content > li {background:#fff; border-right:none;}
	.contactus_content ul li {margin-left:0;}
	.contactus_content li {font-size:16px; line-height:23px;}

	.cicontent, .characterimg {margin-top:50px;}
	.xebeccolor .colorbox {padding:30px;}
	.xebeccolor .colorbox .colorinfor ul:nth-child(1) {width:40%;}
	.xebeccolor .colorbox .colorinfor ul:nth-child(2) {width:60%;}
	.xebeccolor .colorbox .colorinfor ul li {font-size:14px; line-height:30px;}

	.news_contentbox .li-text, .update_contentbox .li-text {width:70%;}
	.news_contentbox .li-text p:nth-child(1), .update_contentbox .li-text p:nth-child(1) {font-size:12px; line-height:14px;}
	.news_contentbox .li-text p:nth-child(2), .update_contentbox .li-text p:nth-child(2) {font-size:20px; line-height:24px; margin:2px 0 6px 0;}
	.news_contentbox .li-text p:nth-child(3) ,.update_contentbox .li-text p:nth-child(3) {font-size:14px; line-height:18px;}
	.morebutton {margin-top:50px;}
	.morebutton button {width:100%; height:66px; font-size:22px;}

	.detailedinfor .detailedinfortitle {width:100%; font-size:24px; line-height:33px; margin-bottom:20px;}
	.detailedinfor .addcontent img {width:20px;}
	.detailedinfor .addcontent li {font-size:14px; line-height:20px; margin-left:10px;}
}
@media all and (max-width:374px) {
	.xebeccolor, .detailedinfor {display:block;}
	.sub_banner h2 {font-size:38px; line-height:40px;}
	.sub_maintitle .titleline {margin:40px auto; width:50px; height:2px;}

	.subcontainer {padding:60px 20px 80px 20px;}
	.subcontainer2 {padding:60px 0 80px 0;}
	.subtextcontent {text-align:left;}
	.subtextcontent .subtext01 {font-size:20px; line-height:30px;}
	.subtextcontent .subtext02 {font-size:16px; line-height:24px; margin-top:30px;}

	.cargo_platform {margin:60px 0 0 0;}
	.tobegin li:nth-child(1) {font-size:26px; line-height:30px;}
	.tobegin li:nth-child(2) {font-size:20px; line-height:30px; margin:20px 0 40px 0;}
	.cargo_platform {display:block;}
	.cargo_platform > ul {width:100%;}
	.cargo_platform > ul li {font-size:16px; line-height:24px;}
	.serviceoverview_background {height:719px;}
	.servicecontent {padding:0 0 80px 0;}
	.serviceoverview {margin-bottom:80px;}
	.ceosing {width:100%; margin-top:30px; justify-content:flex-end;}
	.ceosing img {width:120px;}
	.ceosing li {font-size:16px; line-height:18px; margin-right:10px;}

	.generalstatusbox, .contactus_box .contactus_content {display:block;}
	.softsitelinkbox {width:100%; height:300px; background:url(../images/mbsoftlinkimg.png) no-repeat; background-size:cover; background-position:88% 50%;}
	.softsitelinkbox ul {padding:30px;}
	.softsitelinkbox ul li {font-size:18px; line-height:20px;}
	.softsitelinkbox ul li span {font-size:14px; line-height:16px;}
	.softsitelinkbox ul img {width:40px;}
	.contactus_box, .contactus_content > li {width:100%;}
	.contactus_box, .contactus_box p, .contactus_content {border:none;}
	.contactus_box p, .contactus_content > li, .contactus_content ul {padding:0;}
	.contactus_box {margin-top:60px;}
	.contactus_title {font-size:24px; line-height:33px;}
	.contactus_box p {font-size:22px; line-height:30px; background:#fff; color:#222;}
	.contactus_content {margin-top:30px;}
	.contactus_content > li {background:#fff; border-right:none;}
	.contactus_content ul li {margin-left:0;}
	.contactus_content li {font-size:16px; line-height:23px;}

	.cicontent, .characterimg {margin-top:50px;}
	.xebeccolor .colorbox {padding:20px;}
	.xebeccolor .colorbox .colorinfor ul:nth-child(1) {width:42;}
	.xebeccolor .colorbox .colorinfor ul:nth-child(2) {width:58%;}
	.xebeccolor .colorbox .colorinfor ul li {font-size:14px; line-height:30px;}

	.news_contentbox .li-text, .update_contentbox .li-text {width:70%;}
	.news_contentbox .li-text p:nth-child(1), .update_contentbox .li-text p:nth-child(1) {font-size:12px; line-height:14px;}
	.news_contentbox .li-text p:nth-child(2), .update_contentbox .li-text p:nth-child(2) {font-size:20px; line-height:24px; margin:2px 0 6px 0;}
	.news_contentbox .li-text p:nth-child(3), .update_contentbox .li-text p:nth-child(3) {font-size:14px; line-height:18px;}
	.morebutton {margin-top:30px;}
	.morebutton button {width:100%; height:48px; font-size:16px;}

	.detailedinfor .detailedinfortitle {width:100%; font-size:24px; line-height:33px; margin-bottom:20px;}
	.detailedinfor .addcontent img {width:20px;}
	.detailedinfor .addcontent li {font-size:14px; line-height:20px; margin-left:10px;}
}

/* 화주, 기사 */
.maxwidth {display:none;}
.hg_bottomcontent:last-child {margin-top:40px;}
.hwahugisa_content {margin-top:100px;}
.hg_contentbox, .hg_bottomcontent {max-width:1200px; width:100%; margin:0 auto;}
.hwahugisa_dividingline {max-width:1200px; width:100%; border:1px solid #e4e4e4; margin:80px auto; border-width:1px 0 0 0;}
.hg_content {margin:80px 0 140px 0;}
.mobile_maxwidth:last-child .hg_content {margin:80px 0 0 0;}
.hg_content .numberimg {display:block; margin:0 auto;}
.hg_content .bgred_text {font-size:40px; line-height:46px; letter-spacing:-0.6px; text-align:center; font-weight:500; font-family:GongGothicMedium; margin-top:6px;}
.hg_content .bgred_text .highlight {background:#df2347; color:#fff; max-width:max-content; margin:0 auto; padding:0 10px; display:block;}
.hg_bg {background:#f7f4f1; height:300px; margin:80px 0 60px 0; position:relative;}
.hg_contentbox {display:flex; align-items:center; justify-content:center; position:absolute; top:-20px; left:50%; transform:translateX(-50%);}
.hg_contentbox img {max-width:500px; display:block; margin:0 auto;}
.hg_contentbox .hg_textbox {margin-top:20px; max-width:620px; width:100%; margin-left:80px;}
.hg_contentbox .hg_textbox li:nth-child(1) {font-size:28px; line-height:36px; letter-spacing:-0.42px; font-weight:600;}
.hg_contentbox .hg_textbox li:nth-child(2) {font-size:18px; line-height:28px; margin-top:20px; letter-spacing:-0.27px;}
.hg_bottomcontent, .hg_bottomcontent .bottomcontent {display:flex; align-items:center;}
.hg_bottomcontent .bottomcontent {width:100%;}
.hg_bottomcontent .bottomcontent .bottomtext {margin-left:24px;}
.hg_bottomcontent .bottomcontent .bottomtext .bottomtext01 {font-size:20px; line-height:25px; letter-spacing:-0.3px; font-weight:600;}
.hg_bottomcontent .bottomcontent .bottomtext .bottomtext02 {font-size:18px; line-height:26px; letter-spacing:-0.27px; margin-top:10px;}
.hg_bottomcontent .bottomcontent .bottomtext li > .font-red {display:block;}

.hg_title {width:100%; text-align:center;}
.hg_title li:nth-child(1) {font-size:32px; line-height:42px; letter-spacing:-0.96px; font-weight:600;}
.hg_title li:nth-child(2) {font-size:24px; line-height:34px; letter-spacing:-0.8px; margin-top:30px;}

.fare_title {margin:0 auto 70px; width:296px; height:73px; font-size:30px; line-height:73px; font-weight:700; letter-spacing:-0.9px; text-align:center; border-radius:10px; background:#222; color:#fff;}
.f_contents {margin-top:129px; font-family:Pretendard;}
.fare_contents {margin-top:64px; display:flex; align-items:flex-start;}
.fare_contents > div + div {margin-left:26px;}
.fare_contents .fare {position:relative; padding:180px 35px 50px; width:100%; border-radius:10px; border:1px solid #c9c9c9; background:#f6f1ed; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.1);}
.fare_contents .fare2 {height:839px;}
.fare_contents .fare .f_top {position:absolute; top:0; left:0; padding:42px 18px 18px; width:100%; border-radius:10px; border-bottom:1px solid #c9c9c9; background:#fff; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.06);}
.fare_contents .fare .f_top .number {position:absolute; top:-30px; left:50%; transform:translateX(-50%); width:59px; height:59px; font-size:26px; line-height:59px; font-weight:700; text-align:center; border-radius:50%; background:#000; color:#fff;}
.fare_contents .fare .f_top .fare_text01 {font-size:30px; line-height:36px; font-weight:700; text-align:center; color:#e61c3a;}
.fare_contents .fare .f_top .fare_text02 {margin:12px auto 0; width:163px; height:36px; font-size:22px; line-height:36px; font-weight:500; text-align:center; border-radius:18px; background:#ebebeb;}
.fare_contents .fare .f_text {font-size:23px; line-height:30px; font-weight:500; text-align:center;}
.fare_contents .fbox ul {margin-bottom:14px; position:relative; padding:20px 10px; width:100%; text-align:center; border-radius:8px; border:1px solid #858585; background:#fff;}
.fare_contents .fbox ul:after {content: ''; display:block; position:absolute; bottom:-22px; left:50%; transform:translateX(-50%); width:0; z-index:1; border-style:solid; border-width:24px 19px 0 20px; border-color:#FFFFFF transparent;}
.fare_contents .fbox ul:before {content:''; display:block; position:absolute; bottom:-24px; left:50%; transform:translateX(-50%); width:0; z-index:1; border-style:solid; border-width:24px 19px 0 20px; border-color:#858585 transparent;}
.fare_contents .fbox ul .fb_text01 {font-size:25px; line-height:30px; font-weight:700; letter-spacing:-0.8px;}
.fare_contents .fbox ul .fb_text02 {margin-top:6px; font-size:23px; line-height:26px; font-weight:400; letter-spacing:-0.8px; color:#616161;}
.fare_contents .fimgbox {margin-top:82px; display:flex; align-items:center;}
.fare_contents .fimgbox ul {display:flex; flex-direction:column; align-items:center;}
.fare_contents .fimgbox ul + ul {margin-left:6px;}
.fare_contents .fimgbox ul li {margin:-19px auto; z-index:1; width:123px; height:38px; font-size:20px; line-height:38px; font-weight:700; text-align:center; border-radius:5px; background:#d91f2c; color:#fff;}
.fare_contents .fimgbox ul img {width:100%;}
.fare_contents .frimgbox {text-align:center;}
.fare_contents .fare .f_text1 {font-size:21px; line-height:28px; font-weight:500; text-align:center;}
.fare_contents .fare .f_text1 + .f_text1 {margin:18px 0;}
.fare_contents .frimgbox img {padding:0 30px; max-width:369px; width:100%;}
.fare_contents .frimgbox .f_redbox {padding:20px 10px; margin:0 auto; max-width:368px; width:100%; font-size:22px; line-height:25px; letter-spacing:-0.8px; border-radius:11px; border:2px dashed #da002a; background:#fff; color:#e61c3a;}

.service_ex {font-size:32px; line-height:42px; letter-spacing:-0.9px; font-weight:600; text-align:center;}
.service_ex.mobeil {display:none;}
.service_subex {font-size:24px; line-height:34px; margin-top:30px; letter-spacing:-0.8px; text-align:center;}
.service_subex3 {font-size:18px; line-height:26px; margin-top:30px; letter-spacing:-0.8px; text-align:center;}
.service_subex2 {margin-top:20px;}
.ztrackcontent {display:flex; align-items:flex-start; margin-bottom:160px;}
.ztrackcontent:last-child {margin-bottom:0;}
.ztrackcontbox {margin-left:60px;}
.ztrackcontbox > .mobile {max-width:500px;}
.ztrackcontbox .ztrack-toptext .toptext01 {font-size:30px; line-height:36px; letter-spacing:-0.45px; font-weight:600;}
.ztrackcontbox .ztrack-toptext .toptext02 {font-size:18px; line-height:28px; letter-spacing:-0.27px; margin:10px 0 0 0;}
.ztrackcontbox .ztrack-bottomcont {display:flex; align-items:flex-start; margin-top:60px;}
.ztrackcontbox .ztrack-bottomcont ul {margin-left:30px;}
.ztrackcontbox .ztrack-bottomcont ul li:nth-child(1) {font-size:20px; line-height:26px; letter-spacing:-0.45px; font-weight:600;}
.ztrackcontbox .ztrack-bottomcont ul li:nth-child(2) {font-size:16px; line-height:26px; letter-spacing:-0.27px; margin-top:10px;}

.tmscontent {margin:80px 0;}
.tmscontent > div, .tmsinfor > div, .mailimg {width:100%; display:flex; align-items:center;}
.tmscontent > div:nth-child(2) {margin:100px 0;}
.tmscontent > div img {width:450px;}
.tmscontent .tmstext {width:calc(100% - 450px); margin:0 0 0 50px; font-size:20px; line-height:32px; letter-spacing:-0.8px;}
.tmscontent .tmstext li:nth-child(2) {margin-top:30px;}
.tmscontent > div:nth-child(2) .tmstext {margin:0 50px 0 0;}

.tmsinfor {width:100%;}
.tmsinfor p {background:#917e6e; color:#fff;}
.inforbox .inforbg {background:#f6f1ed;}
.tmsinfor .inforbox {width:100%; border-right:1px solid #e5dcd5; border-bottom:1px solid #e5dcd5;}
.tmsinfor > div:nth-child(2) .inforbox .infortext {border-top:1px solid #e5dcd5;}
.tmsinfor .inforbox:first-child {width:30%; border-left:1px solid #e5dcd5;}
.mailimg img {margin:0 10px 0 30px;}
.tmsinfor p, .tmsinfor .inforbox .infortext {padding:17px 0; font-size:18px; line-height:26px; font-weight:600; text-align:center;}

.mbtmsinfor {width:100%;}
.mbtmsinfor hr {width:100%; border:1px solid #e4e4e4;}
.mbtmsinfor h4 {font-size:22px; line-height:32px; font-weight:600;}
.mbinforbox {width:100%; margin:30px 0; display:flex; align-items:flex-start; justify-content:space-between;}
.mbinforbox .infortitle {font-size:20px; line-height:22px; letter-spacing:-0.8px; font-weight:600;}
.mbinforbox > div {width:calc(100% - 100px);}
.mbinforbox > div ul:nth-child(2) {margin:20px 0;}
.mbinforbox > div ul li {font-size:16px; line-height:20px; letter-spacing:-0.8px;}
.mbinforbox > div ul li:nth-child(1) {font-weight:600;}

.businesscontentbox {display:flex;}
.businesscontentbox img {max-width:500px; border-radius:12px;}
.businesscontentbox ul {width:100%; margin-left:60px;}
.businesscontentbox ul li:nth-child(1) {margin-bottom:10px; font-size:30px; line-height:36px; letter-spacing:-0.45px; font-weight:bold;}
.businesscontentbox ul li {font-size:18px; line-height:28px; letter-spacing:-0.27px; margin-bottom:20px;}
.businesscontentbox ul li:last-child {margin-bottom:0;}

.dmz_container {position:relative; width:100%; margin:100px 0 160px 0;}
.dmz_menu {position:absolute; right:0; top:30px; width:354px; z-index:10;}
.dmz_menu ul li a {transition:all .4s; display:block; width:260px; height:70px; border-radius:35px; font-size:18px; line-height:70px; font-weight:600; padding:0 0 0 10px; margin-top:10px; float:right;}
.dmz_menu ul li a:hover, .dmz_menu ul li a.show {margin-top:0; width:354px; font-size:20px; padding:0 0 0 60px; background:#da002a; color:#fff; box-shadow:0 15px 15px 0 rgba(0, 0, 0, 0.16);}
.dmz_contentbox {position:relative; width:880px; height:540px; border-radius:30px; background:#f2f2f2;}
.dmz_contentbox .dmz_content {display:none; width:100%; position:absolute; top:30px; left:50%; transform:translateX(-50%); text-align:center;}
.dmz_contentbox .dmz_content.show {display:block;}
.dmz_contentbox .dmz_content .dmz_title {font-size:24px; line-height:32px; letter-spacing:-0.8px; font-weight:600;}
.dmz_content img {margin:18px 0; max-width:780px;}
.dmz_contenttext01 {font-weight:600;}
.dmz_contenttext01, .dmz_contenttext02 {font-size:20px; line-height:28px;}

.dmz_Swiper {width:100%; overflow:hidden;}
.dmz_Swiper .swiper-slide {display:flex; justify-content:center; align-items:flex-start; max-width:315px;}
.mb_dmz_container {margin:50px 0 80px 0;}
.mbdmz_contentbox {height:447px; background:#f2f2f2; border-radius:20px;}
.mbdmz_contentbox h2 {font-size:22px; line-height:30px; padding:25px 0 15px 0; text-align:center; font-weight:600; letter-spacing:-0.8px;}
.mbdmz_contentbox p {max-width:315px;}
.mbdmz_contentbox ul {text-align:center; letter-spacing:-0.8px; padding:20px;}
.mbdmz_contentbox ul li:nth-child(1) {font-size:17px; line-height:28px; font-weight:600;}
.mbdmz_contentbox ul li:nth-child(2) {font-size:16px; line-height:24px; margin-top:10px;}

.trzimgbox {margin:100px 0 0 0; display:flex; align-items:center; justify-content:space-between;}
.trzimgbox .trzimg {max-width:340px;}
.planziconbox {max-width:66px; margin:0 10px;}
.trzimgboxtext {margin-top:26px; font-size:18px; line-height:24px; letter-spacing:-0.27px; font-weight:bold; text-align:center;}
.planz_righttext {margin-top:18px; font-size:16px; line-height:20px; letter-spacing:0.24px; color:#da291c; font-weight:bold; text-align:center;}

.instructiontitle {max-width:1240px; height:90px; margin:60px auto; padding:0 20px;}
.instructiontitle p { font-size:30px; line-height:90px; letter-spacing:-0.45px; font-weight:600; text-align:center; border-radius:12px; background:#f7f4f1; color:#917e6e;}
.instructioncontent {position:relative;}
.instructionSwiper {max-width:1100px; margin:0 auto;}
.instructionSwiper .swiper-slide {max-width:320px;}
.instructioncontent .swiper-button-next, .instructioncontent .swiper-button-prev {position:inherit; width:60px; height:60px; margin:0; top:0;}
.instructioncontent .swiper-button-next::after, .instructioncontent .swiper-button-prev::after {content:""; display:inline-block; background:url(../images/taskright.png) no-repeat; background-size:cover; width:60px; height:60px;}
.instructioncontent .swiper-button-next {right:0;}
.instructioncontent .swiper-button-prev {left:0; transform:rotate(180deg);}

@media all and (min-width:1000px) and (max-width:1300px) {
	.instructionSwiper {max-width:800px;}
}
@media all and (min-width:768px) and (max-width:999px) {
	.instructionSwiper {max-width:600px;}
	.instructioncontent .swiperbuttonbox {max-width:740px; height:40px;}
	.instructioncontent .swiper-button-next, .instructioncontent .swiper-button-prev, .instructioncontent .swiper-button-next::after, .instructioncontent .swiper-button-prev::after {width:40px; height:40px;}
}

@media all and (max-width:1210px) {
	.subcontainer2 .subtextcontent, .hg_content .bgred_text, .hg_contentbox, .hg_bottomcontent, .instructioncontent {padding:0 20px;}
	.hwahugisa_dividingline {width:94%;}

	.fare_contents .fare .f_text1 {font-size:20px;}
	.fare_contents .fare .f_text1 + .f_text1 {margin:14px 0;}
}
@media all and (min-width:960px) and (max-width:1200px) {
	.service_ex {font-size:28px; line-height:40px;}

	.hg_bg {height:260px;}
	.hg_content .numberimg {width:160px;}
	.hg_content .bgred_text {font-size:32px; line-height:40px;}
	.hg_contentbox img {max-width:400px;}
	.hg_contentbox .hg_textbox {margin-left:40px;}
	.hg_contentbox .hg_textbox li:nth-child(1) {font-size:26px; line-height:38px;}
	.hg_contentbox .hg_textbox li:nth-child(2) {margin-top:12px;}
	.hg_contentbox .hg_textbox li:nth-child(2), .hg_bottomcontent .bottomcontent .bottomtext .bottomtext02 {font-size:16px; line-height:22px;}

	.fare_contents .fare {padding:170px 20px 40px;}
	.fare_contents .fare2 {height:797px;}
	.fare_contents .fare .f_top .fare_text01 {font-size:28px; line-height:34px;}
	.fare_contents .fare .f_top .fare_text02 {margin:10px auto 0; font-size:20px;}
	.fare_contents .fare .f_text {font-size:20px; line-height:28px;}
	.fare_contents .fbox ul .fb_text01 {font-size:22px; line-height:26px;}
	.fare_contents .fbox ul .fb_text02 {margin-top:4px; font-size:20px; line-height:24px;}
	.fare_contents .fare .f_text1 {font-size:17px;}
	.fare_contents .fare .f_text1 + .f_text1 {margin:12px 0;}
	.fare_contents .frimgbox img {padding:0 43px;}
	.fare_contents .frimgbox .f_redbox {padding:12px 10px; font-size:18px; line-height:22px;}

	.ztrackcontentimg {max-width:400px;}
	.ztrackcontbox {margin-left:28px;}
	.ztrackcontbox .ztrack-bottomcont {margin-top:30px;}
	.ztrackcontbox .ztrack-bottomcont ul {margin-left:20px;}
	.ztrackcontbox .ztrack-toptext .toptext01 {font-size:30px; line-height:34px;}
	.ztrackcontbox .ztrack-toptext .toptext02 {font-size:16px; line-height:26px;}

	.tmscontent > div img {width:400px;}
	.tmscontent .tmstext {width:calc(100% - 400px); margin:0 0 0 30px; font-size:18px; line-height:28px;}
	.tmscontent > div:nth-child(2) .tmstext {margin:0 30px 0 0;}

	.businesscontentbox img {max-width:400px;}
	.businesscontentbox ul {margin-left:40px;}
	.businesscontentbox ul li:nth-child(1) {font-size:28px; line-height:34px;}
	.businesscontentbox ul li {font-size:16px; line-height:26px;}

	.dmz_container {max-width:920px; margin:100px auto;}
	.dmz_menu {width:280px;}
	.dmz_menu ul li a {width:200px; height:60px; line-height:60px; font-size:16px; padding:0 0 0 10px;}
	.dmz_menu ul li a:hover, .dmz_menu ul li a.show {width:280px; font-size:18px; padding:0 0 0 50px;}
	.dmz_contentbox {width:680px; height:480px;}
	.dmz_contentbox .dmz_content .dmz_title {font-size:22px; line-height:30px;}
	.dmz_content img {max-width:600px;}
	.dmz_contenttext01, .dmz_contenttext02 {font-size:18px; line-height:26px;}
}
@media all and (min-width:768px) and (max-width:959px) {
	.sub_maintitle .abbreviate {font-size:28px; line-height:28px;}
	.solution_fullname {font-size:30px; line-height:34px;}

	.hg_bg {height:260px;}
	.hg_contentbox {top:50%; transform:translate(-50%,-50%);}
	.hg_content .numberimg {width:140px;}
	.hg_content .bgred_text {font-size:26px; line-height:34px;}
	.hg_contentbox img {max-width:350px;}
	.hg_contentbox .hg_textbox {margin-left:30px; margin-top:0;}
	.hg_bottomcontent .bottomcontent .bottomtext {margin-left:16px;}
	.hg_contentbox .hg_textbox li:nth-child(1) {font-size:20px; line-height:30px;}
	.hg_contentbox .hg_textbox li:nth-child(2), .hg_bottomcontent .bottomcontent .bottomtext .bottomtext02 {font-size:14px; line-height:20px;}
	.hg_bottomcontent .bottomcontent .bottomtext .bottomtext01 {font-size:18px; line-height:22px;}
	.hg_bottomcontent .bottomcontent .bottomtext .bottomtext02 {margin-top:5px;}

	/* .fare ul li:nth-child(2) {font-size:24px; line-height:26px;}
	.fare ul li:nth-child(3) {font-size:18px; line-height:28px;} */
	.f_contents {margin-top:100px;}
	.fare_contents {margin-top:54px;}
	.fare_contents > div + div {margin-left:20px;}
	.fare_contents .fare {padding:150px 20px 30px;}
	.fare_contents .fare2 {height:686px;}
	.fare_contents .fare .f_top {padding:30px 18px 18px;}
	.fare_contents .fare .f_top .number {width:55px; height:55px; font-size:22px; line-height:55px;}
	.fare_contents .fare .f_top .fare_text01 {font-size:26px; line-height:30px;}
	.fare_contents .fare .f_top .fare_text02 {margin:10px auto 0; font-size:18px;}
	.fare_contents .fare .f_text {font-size:16px; line-height:22px;}
	.fare_contents .fbox ul {padding:19px 10px;}
	.fare_contents .fbox ul .fb_text01 {font-size:20px; line-height:24px;}
	.fare_contents .fbox ul .fb_text02 {margin-top:4px; font-size:16px; line-height:22px;}
	.fare_contents .fare .f_text1 {font-size:14px; line-height:20px;}
	.fare_contents .fare .f_text1 + .f_text1 {margin:12px 0;}
	.fare_contents .fimgbox {margin-top:60px;}
	.fare_contents .fimgbox ul li {width:90px; height:30px; line-height:30px; font-size:16px;}
	.fare_contents .frimgbox img {padding:0 43px;}
	.fare_contents .frimgbox .f_redbox {padding:12px 10px; font-size:18px; line-height:22px;}

	.service_ex {font-size:26px; line-height:32px;}
	.service_subex {font-size:20px; line-height:26px;}
	.ztrackcontbox {margin-left:40px; margin-bottom:100px;}
	.ztrackcontbox .ztrack-toptext .toptext01 {font-size:26px; line-height:32px;}
	.ztrackcontbox .ztrack-toptext .toptext02 {font-size:16px; line-height:26px;}
	.ztrackcontbox .ztrack-bottomcont {margin-top:20px;}
	.ztrackcontbox .ztrack-bottomcont ul {margin-left:20px;}
	.ztrackcontbox .ztrack-bottomcont ul li:nth-child(1) {font-size:18px; line-height:22px;}
	.ztrackcontbox .ztrack-bottomcont ul li:nth-child(2) {font-size:14px; line-height:20px;}

	.tmscontent > div img {width:360px;}
	.tmscontent .tmstext {width:calc(100% - 360px); margin:0 0 0 20px; font-size:16px; line-height:26px;}
	.tmscontent > div:nth-child(2) .tmstext {margin:0 20px 0 0;}
	.tmscontent .tmstext li:nth-child(2) {margin-top:20px;}
	.tmsinfor p, .tmsinfor .inforbox .infortext {font-size:16px;}
	.mailimg img {margin:0 10px 0 16px;}

	.businesscontentbox img {max-width:300px;}
	.businesscontentbox ul {margin-left:30px;}
	.businesscontentbox ul li:nth-child(1) {font-size:24px; line-height:30px; margin-bottom:6px;}
	.businesscontentbox ul li {font-size:14px; line-height:22px; margin-bottom:10px;}

	.dmz_container {max-width:728px; margin:80px auto;}
	.dmz_menu {width:220px;}
	.dmz_menu ul li a {width:160px; height:50px; line-height:50px; font-size:14px; padding:0 0 0 10px;}
	.dmz_menu ul li a:hover, .dmz_menu ul li a.show {width:220px; font-size:16px; padding:0 0 0 30px;}
	.dmz_contentbox {width:540px; height:420px;}
	.dmz_contentbox .dmz_content .dmz_title {font-size:20px; line-height:28px;}
	.dmz_content img {max-width:500px;}
	.dmz_contenttext01, .dmz_contenttext02 {font-size:16px; line-height:24px;}

	.planzicon {width:56px;}
	.planz_righttext {font-size:14px; line-height:18px; margin-top:14px;}
}

@media all and (min-width:520px) and (max-width:767px) {
	.webwidth, .bgred_text.mobile, .hg_textbox.mobile {display:none !important;}
	.maxwidth {display:block;}
}
@media all and (min-width:540px) and (max-width:767px) {
	.sub_maintitle .abbreviate {font-size:22px; line-height:22px;}
	.solution_fullname {font-size:26px; line-height:30px; margin-bottom:60px;}
}
@media all and (max-width:539px) {
	.sub_maintitle .abbreviate {font-size:18px; line-height:18px;}
	.solution_fullname {font-size:18px; line-height:24px; margin-bottom:40px;}
}
@media all and (max-width:767px) {
	.hg_contentbox, .hg_bottomcontent, .ztrackcontent, .tmscontent div, .businesscontentbox, .trzimgbox {display:block;}
	.instructioncontent .swiperbuttonbox {display:none;}

	.service_ex {font-size:20px; line-height:30px; text-align:left;}
	.service_subex, .service_subex3 {font-size:16px; line-height:24px; text-align:left;}

	.mobile_maxwidth {max-width:540px; width:100%; margin:0 auto;}
	.hwahugisa_dividingline {max-width:540px; margin:60px auto;}
	.hwahugisa_content {margin-top:60px;}
	.hg_bg, .hg_contentbox {position:inherit;}
	.hg_bg {background:#fff; height:auto;}
	.hg_contentbox {transform:none;}
	.hg_content .bgred_text .highlight {padding:0 6px;}
	.hg_content {margin:60px 0 80px 0;}
	.mobile_maxwidth:last-child .hg_content {margin:60px 0 0 0;}
	.hg_bg {margin:40px 0 50px 0;}
	.hg_content .numberimg {width:100px;}
	.hg_content .bgred_text {font-size:23px; line-height:32px; margin-top:3px;}
	.hg_contentbox .hg_textbox {margin-left:0;}
	.hg_contentbox .hg_textbox li:nth-child(1) {font-size:20px; line-height:30px; margin-top:30px;}
	.hg_contentbox .hg_textbox li:nth-child(2) {font-size:16px; line-height:24px;}
	.hg_bottomcontent:last-child {margin-top:30px;}
	.hg_bottomcontent .bottomcontent {margin-bottom:30px;}
	.hg_bottomcontent .bottomcontent:last-child {margin-bottom:0;}
	.hg_bottomcontent .bottomcontent .bottomtext {margin-left:20px;}
	.hg_bottomcontent .bottomcontent .bottomtext .bottomtext01 {font-size:18px; line-height:25px;}
	.hg_bottomcontent .bottomcontent .bottomtext .bottomtext02 {font-size:15px; line-height:22px;}

	.fare_title {max-width:333px; width:100%; height:60px; font-size:22px; line-height:60px;}
	.fare_contents {margin-top:55px; display:block;}
	.fare_contents > div + div {margin-left:0; margin-top:55px;}
	.fare_contents .fare {padding:140px 10px 20px;}
	.fare_contents .fare2 {height:auto;}
	.fare_contents .fare .f_top {padding:35px 20px 20px;}
	.fare_contents .fare .f_top .number {top:-25px; width:50px; height:50px; font-size:20px; line-height:50px;}
	.fare_contents .fare .f_top .fare_text01 {font-size:22px; line-height:26px;}
	.fare_contents .fare .f_top .fare_text02 {margin:10px auto 0; width:113px; height:29px; font-size:16px; line-height:29px;}
	.fare_contents .fare .f_text {font-size:16px; line-height:22px;}
	.fare_contents .fbox ul {margin:10px auto 0; max-width:291px;}
	.fare_contents .fbox ul:after {border-width:15px 22px 0 22px; bottom:-14px;}
	.fare_contents .fbox ul:before {border-width:15px 22px 0 22px; bottom:-15px;}
	.fare_contents .fbox ul .fb_text01 {font-size:18px; line-height:22px;}
	.fare_contents .fbox ul .fb_text02 {font-size:16px; line-height:20px;}
	.fare_contents .fimgbox {margin-top:62px; display:block;}
	.fare_contents .fimgbox ul + ul {margin:52px 0 30px;}
	.fare_contents .fimgbox ul img {max-width:213px;}
	.fare_contents .fare .f_text1 {font-size:16px; line-height:22px;}
	.fare_contents .fare .f_text1 + .f_text1 {margin:20px 0 35px;}
	.fare_contents .frimgbox {margin-bottom:30px;}
	.fare_contents .frimgbox .f_redbox {padding:17px 10px; max-width:303px; font-size:18px; line-height:22px;}

	.ztrackcontent {margin-bottom:80px;}
	.ztrackcontbox {margin-left:0; max-width:500px; margin:0 auto;}
	.ztrackcontbox .ztrack-toptext .toptext01 {font-size:20px; line-height:30px;}
	.ztrackcontbox .ztrack-toptext .toptext02 {font-size:16px; line-height:24px; margin:20px 0 30px 0;}
	.ztrackcontbox .ztrack-bottomcont {margin-top:30px;}
	.ztrackcontbox .ztrack-bottomcont img {width:78px;}
	.ztrackcontbox .ztrack-bottomcont ul {margin-left:20px;}
	.ztrackcontbox .ztrack-bottomcont ul li:nth-child(1) {font-size:18px; line-height:24px; letter-spacing:-0.45px; font-weight:600;}
	.ztrackcontbox .ztrack-bottomcont ul li:nth-child(2) {font-size:15px; line-height:22px;}

	.tmscontent .tmstext {width:100%; margin:0; font-size:16px; line-height:24px; margin-top:30px;}
	.tmscontent > div:nth-child(2) {margin:80px 0;}
	.tmscontent > div:nth-child(2) .tmstext {margin:30px 0 0 0;}
	.tmscontent > div img {display:block; margin:0 auto;}
	.tmscontent .tmstext li:nth-child(2) {margin-top:24px;}

	.businesscontentbox ul {margin-left:0; margin-top:20px;}
	.businesscontentbox ul li:nth-child(1) {font-size:24px; line-height:30px; margin-bottom:6px;}
	.businesscontentbox ul li {font-size:14px; line-height:22px; margin-bottom:10px;}

	.planziconbox {max-width:100%; text-align:center; margin:20px auto;}
	.planziconbox img {transform:rotate(90deg); max-width:66px;}
	.ztrackcontent:last-child {margin-bottom:80px;}
	.trzimgbox .trzimg {margin:0 auto;}
	.trzimgbox .planzimg01 {max-width:252px; margin:0 auto;}

	.instructiontitle {height:70px; margin:40px auto;}
	.instructiontitle p {font-size:24px; line-height:70px;}
}

/* 기업회원 */
#premiumService {margin:0 auto; padding:100px 20px 160px 20px; max-width:1240px; width:100%;}
.ps_guide {position:relative; padding:125px 30px 60px 30px; border-radius:20px; border:1px solid #b7b7b7; background:#f6f1ed;}
.ps_guide .psg_title {position:absolute; top:0; left:50%; transform:translateX(-50%); max-width:938px; width:100%; height:62px; font-size:28px; line-height:62px; font-weight:700; text-align:center; background:url(../images/biz_icon01.png) no-repeat center; background-size:contain; color:#fff;}
.ps_guide .psg_box {margin-bottom:30px; display:flex; align-items:flex-start; justify-content:space-between;}
.ps_guide .psg_box ul {max-width:470px; width:100%; text-align:center;}
.ps_guide .psg_box ul .psg_text01 {margin:0 auto; max-width:360px; height:60px; font-size:24px; line-height:60px; font-weight:700; border-radius:10px; background:#da002a; color:#fff;}
.ps_guide .psg_box ul .psg_text02 {margin:28px 0 34px 0; font-size:22px; line-height:30px;}
.ps_guide .psg_box ul:nth-child(1) .psg_text03 {margin:0 48px;}
.ps_guide .psg_box ul:nth-child(3) .psg_text03 {margin:0 20px 0 89px;}
.ps_guide .psg_box .plus {margin:177px 5px 0 5px; max-width:186px; width:100%;}

.biz_bottom {margin-top:50px;}
.ps_guide .biz_bottom {margin-top:0;}
.biz_bottom p {font-size:22px; line-height:30px; font-weight:700; letter-spacing:-0.22px; text-align:center;}
.biz_bottom div, .biz_bottom div ul {display:flex; align-items:center;}
.biz_bottom div {margin:12px auto 0; padding:0 20px; max-width:808px; height:73px; width:100%; border-radius:8px; background:#000; color:#fff;}
.biz_bottom div .logo {padding-right:22px; width:127px; border-right:1px solid rgba(255,255,255,0.31);}
.biz_bottom div ul .psg_text04, .biz_bottom div ul .psg_text05 {position:relative; margin-left:30px; padding-left:42px; font-size:32px; line-height:38px; font-weight:700;}
.biz_bottom div ul .psg_text04:after {content:''; position:absolute; top:3px; left:0; width:32px; height:32px; background:url(../images/biz_icon10.png) no-repeat center; background-size:contain;}
.biz_bottom div ul .psg_text05:after {content:''; position:absolute; top:3px; left:0; width:32px; height:32px; background:url(../images/biz_icon11.png) no-repeat center; background-size:contain;}

.customized {padding:94px 50px 50px; margin-top:114px; position:relative; border-radius:10px; border:1px solid #ddcec2;}
.customized .customized_title {position:absolute; top:-34px; left:50%; transform:translateX(-50%); padding:0 30px; width:600px; height:68px; font-size:30px; line-height:68px; font-weight:700; text-align:center; letter-spacing:-0.3px; border-radius:34px; border:1px dashed #ddcec2; background:#f6f1ed;}
.customized .cm_textbox .cm_text01 {font-size:23px; line-height:26px; font-weight:700; text-align:center;}
.customized .cm_textbox .cm_text02 {margin-top:13px; font-size:18px; line-height:28px; text-align:center;}
.customized .imgbox {margin:60px auto 13px; max-width:743px; width:100%;}
.customized .imgbox .arrow {margin:36px auto 0; display:block; width:141px;}

.customized .cm_contents {border-radius:6px;}
.customized .cm_contents h2 {font-size:22px; line-height:50px; font-weight:500; text-align:center; border-radius:6px 6px 0 0; background:#010101; color:#fff;}
.customized .cm_contents ul {padding:30px 50px; border-radius:0 0 6px 6px; border:1px solid #c9c9c9; border-top:none; background:#fff;}
.customized .cm_contents ul li {padding-left:15px; position:relative; font-size:22px; line-height:34px; font-weight:500;}
.customized .cm_contents ul li:after {content:''; position:absolute; top:14px; left:0; width:6px; height:6px; border-radius:50%; background:#707070;}

.customized .dashboard_cont {padding:20px; margin:40px auto 60px; max-width:1012px; width:100%; border-radius:10px; border:1px solid #b7b7b7; background:#f2f2f2;}
.customized .dashboard_cont div {padding:0 20px; margin-top:30px; display:flex;}
.customized .dashboard_cont div ul {width:100%;}
.customized .dashboard_cont div ul li {padding-left:22px; position:relative; font-size:16px; line-height:26px;}
.customized .dashboard_cont div ul li:after {content:''; position:absolute; top:7px; left:0; width:12px; height:12px; border-radius:50%; background:#d1d1d1;}
.customized img.web {margin:0 auto; display:block; max-width:1060px;}

.ps_guide .psg_mtitle {padding:15px 20px; margin:0 auto; max-width:540px; font-size:22px; line-height:30px; font-weight:700; text-align:center; border-radius:10px; background:#000; color:#fff;}
.customized .d_imgbox {margin:0 auto; max-width:520px; width:100%;}
.customized .d_imgbox img + img {margin-top:30px;}

.biz_solution01 {padding:68px 30px 34px; margin:135px auto 0; max-width:1200px; width:100%; position:relative; border-radius:10px; border:1px solid #ddcec2; font-family:Pretendard;}
.biz_solution01 .bs_title {position:absolute; top:-34px; left:50%; transform:translateX(-50%); width:549px; height:68px; font-size:30px; line-height:68px; font-weight:700; text-align:center; letter-spacing:-0.3px; border-radius:34px; border:1px dashed #ddcec2; background:#f6f1ed;}
.bs_contents01, .biz_solution01 .bs_contents01 .bs_box1, .bs_contents01 .bs_box2 {display:flex; align-items:center; justify-content:center;}
.bs_contents01 .bs_box1 {max-width:482px; width:100%;}
.bs_contents01 .bs_box1 li {width:100%; height:51px; font-size:22px; line-height:51px; font-weight:600; text-align:center; border-radius:4px; background:#000; color:#fff;}
.bs_contents01 .bs_box1 + .bs_box1, .bs_contents01 .bs_box1 li + li {margin-left:16px;}
.bs_contents01 .bs_box2 ul {width:100%; border-radius:6px; border:1px solid #c9c9c9; background:#f6f1ed; box-shadow:0 3px 3px 0 rgba(0, 0, 0, 0.08);}
.bs_contents01 .bs_box2 {margin-top:17px; width:100%;}
.bs_contents01 .bs_box2 + .bs_box2, .bs_contents01 .bs_box2 ul + ul {margin-left:13px;}
.bs_contents01 .bs_box2 ul .bs_text01 {width:100%; height:86px; font-size:34px; line-height:86px; font-weight:800; text-align:center; border-radius:6px; border-bottom:1px solid #c9c9c9; background:#fff; color:#d90028; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.06);}
.bs_contents01 .bs_box2 ul .bs_text02 {padding:0 12px; display:flex; align-items:center; justify-content:center; width:100%; height:85px; font-size:22px; line-height:27px; font-weight:500; text-align:center;}

.biz_solution01 .imgbox {margin:9px auto 6px; max-width:653px; width:100%; display:flex; align-items:center; justify-content:space-between;}
.biz_solution01 .imgbox img {width:141px;}

.bs_contents01 .bs_box3 {max-width:460px; width:100%; border-radius:6px; border:1px solid #c9c9c9; overflow:hidden;}
.bs_contents01 .bs_box3 + .bs_box3 {margin-left:50px;}
.bs_contents01 .bs_box3 p {width:100%; height:51px; font-size:22px; line-height:51px; font-weight:500; text-align:center; background:#010101; color:#fff;}
.bs_contents01 .bs_box3 ul {padding:25px 30px;}
.bs_contents01 .bs_box3 ul li {position:relative; padding-left:15px; font-size:22px; line-height:34px; font-weight:500;}
.bs_contents01 .bs_box3 ul li:before {content:''; position:absolute; top:13.5px; left:0; width:7px; height:7px; border-radius:50%; background:#707070;}

.biz_solution02 {margin:148px auto 0; max-width:1200px; width:100%; position:relative; font-family:Pretendard;}
.biz_solution02 .bs_title {position:absolute; top:-34px; left:50%; transform:translateX(-50%); width:407px; height:68px; font-size:30px; line-height:68px; font-weight:700; text-align:center; letter-spacing:-0.3px; border-radius:34px; border:1px dashed #ddcec2; background:#fff;}
.biz_solution02 img {width:100%;}

@media all and (max-width:1210px) {
	.biz_solution01 {margin:135px 20px 0; width:auto;}
	.biz_solution02 {padding:0 20px;}
}
@media all and (min-width:960px) and (max-width:1200px) {
	.ps_guide .psg_title {max-width:860px; height:57px; line-height:57px;}
	.ps_guide .psg_box ul .psg_text02 {font-size:20px; line-height:28px;}
	.ps_guide .psg_box .plus {max-width:170px;}

	.customized .cm_contents ul {padding:30px 40px;}
	.customized .cm_contents ul li {font-size:20px;}

	.customized {padding:90px 40px 50px;}
	.customized .cm_textbox .cm_text01 {font-size:22px;}
	.customized .dashboard_cont div {padding:0 10px;}

	.biz_solution01 {padding:68px 20px 34px;}

	.bs_contents01 .bs_box1 + .bs_box1, .bs_contents01 .bs_box1 li + li {margin-left:12px;}
	.bs_contents01 .bs_box1 {max-width:440px;}
	.bs_contents01 .bs_box1 li {font-size:18px;}

	.bs_contents01 .bs_box2 + .bs_box2, .bs_contents01 .bs_box2 ul + ul {margin-left:10px;}
	.bs_contents01 .bs_box2 ul .bs_text01 {height:70px; font-size:28px; line-height:70px;}
	.bs_contents01 .bs_box2 ul .bs_text02 {padding:0 10px; height:70px; font-size:18px; line-height:22px;}

	.bs_contents01 .bs_box3 + .bs_box3 {margin-left:30px;}
	.bs_contents01 .bs_box3 ul li {font-size:20px;}
}
@media all and (min-width:768px) and (max-width:959px) {
	.ps_guide {padding:100px 20px 60px 20px;}
	.ps_guide .psg_title {max-width:700px; height:46px; font-size:24px; line-height:46px;}

	.ps_guide .psg_box ul .psg_text01 {height:50px; font-size:22px; line-height:50px;}
	.ps_guide .psg_box ul .psg_text02 {margin:20px 0; font-size:18px; line-height:26px;}
	.ps_guide .psg_box ul:nth-child(3) .psg_text03 {margin:0 40px 0 70px;}
	.ps_guide .psg_box .plus {max-width:100px;}

	.biz_bottom p {font-size:20px; line-hegiht:28px;}
	.biz_bottom div .logo {padding-right:20px; width:117px;}
	.biz_bottom div ul .psg_text04, .biz_bottom div ul .psg_text05 {margin-left:20px; padding-left:32px; font-size:26px; line-height:30px;}
	.biz_bottom div ul .psg_text04:after, .biz_bottom div ul .psg_text05:after {width:24px; height:24px;}

	.customized {padding:84px 30px 40px;}
	.customized .customized_title {width:520px; height:60px; font-size:26px; line-height:60px;}
	.customized .cm_textbox .cm_text01 {font-size:22px;}
	.customized .cm_textbox .cm_text02 {font-size:16px; line-height:24px;}
	.customized .cm_contents h2 {font-size:20px;}
	.customized .cm_contents ul {padding:30px;}
	.customized .cm_contents ul li {font-size:18px; line-height:30px;}
	.customized .cm_contents ul li:after {top:12px;}
	.customized .imgbox {margin:50px auto 13px;}

	.customized .dashboard_cont div {padding:0;}
	.customized .dashboard_cont div ul li {padding-left:16px; font-size:14px; line-height:22px;}
	.customized .dashboard_cont div ul li:after {top:6px; width:10px; height:10px;}

	#premiumService {padding:100px 20px;}

	.biz_solution01 {padding:68px 20px 34px;}
	.biz_solution01 .bs_title {width:500px; height:60px; font-size:26px; line-hegiht:60px;}
	.biz_solution02 .bs_title {width:360px; height:60px; font-size:26px; line-hegiht:60px;}

	.bs_contents01 .bs_box1 + .bs_box1, .bs_contents01 .bs_box1 li + li {margin-left:12px;}
	.bs_contents01 .bs_box1 {max-width:360px;}
	.bs_contents01 .bs_box1 li {font-size:16px;}

	.bs_contents01 .bs_box2 + .bs_box2, .bs_contents01 .bs_box2 ul + ul {margin-left:8px;}
	.bs_contents01 .bs_box2 {margin-top:10px;}
	.bs_contents01 .bs_box2 ul .bs_text01 {height:60px; font-size:22px; line-height:60px;}
	.bs_contents01 .bs_box2 ul .bs_text02 {padding:0 10px; height:60px; font-size:16px; line-height:20px;}

	.bs_contents01 .bs_box3 p {height:50px; font-size:20px; line-height:50px;}
	.bs_contents01 .bs_box3 + .bs_box3 {margin-left:15px;}
	.bs_contents01 .bs_box3 ul {padding:20px;}
	.bs_contents01 .bs_box3 ul li {font-size:16px;}
	.biz_solution01 .imgbox {justify-content:center;}
	.biz_solution01 .imgbox .web {display:none;}
}
@media all and (max-width:767px) {
	#premiumService {padding:80px 20px;}
	#premiumService .dividing_line {margin:50px -20px;}

	.ps_guide .psg_box, .biz_bottom div, .biz_bottom div ul {display:block;}
	.ps_guide {padding:20px;}
	.ps_guide .psg_box {margin:40px auto 80px; max-width:540px;}
	.ps_guide .psg_box ul {max-width:100%;}
	.ps_guide .psg_box .plus {margin:40px auto 50px; display:block; max-width:120px;}
	.biz_bottom div {padding:30px 20px; height:auto;}
	.biz_bottom div .logo {padding-right:0; margin:0 auto 20px; display:block; width:105px; border-right:none;}
	.biz_bottom div ul .psg_text04, .biz_bottom div ul .psg_text05 {margin-left:0; padding-left:35px; font-size:25px; line-height:28px;}
	.biz_bottom div ul .psg_text04:after, .biz_bottom div ul .psg_text05:after {width:25px; height:25px;}
	.biz_bottom div ul .psg_text05 {margin-top:10px;}
	.biz_bottom {margin:50px auto 0; max-width:540px; width:100%;}
	.ps_guide .psg_box ul:nth-child(1) .psg_text03, .ps_guide .psg_box ul:nth-child(3) .psg_text03 {width:280px; margin:0 auto;}
	.biz_bottom p {font-size:20px;}
	.biz_bottom div {margin:40px 0 0 0;}

	.customized {padding:0; margin:0; border-radius:0; border:none;}
	.customized .customized_title {padding:16px 30px; margin:0 auto; position:static; transform:none; max-width:540px; width:100%; height:auto; font-size:18px; line-height:24px;}
	.customized .cm_textbox .cm_text01 {margin:30px 0; font-size:23px; line-height:30px; text-align:left;}
	.customized .cm_textbox .cm_text02 {margin:0; font-size:16px; line-height:24px; text-align:left;}

	.customized .imgbox {margin:40px auto;}
	.customized .imgbox p {margin:0 auto; max-width:520px; width:100%; overflow-x:auto;}
	.customized .imgbox p img {margin-bottom:10px; min-width:520px; overflow-clip-margin:content-box; overflow:clip;}
	.customized .imgbox p::-webkit-scrollbar{display:block; height:4px;}
	.customized .imgbox p::-webkit-scrollbar-track{background:transparent;}
	.customized .imgbox p::-webkit-scrollbar-thumb{background:#da002a;}

	.customized .cm_contents h2 {font-size:20px;}
	.customized .cm_contents ul {padding:25px;}
	.customized .cm_contents ul li {font-size:16px; line-height:20px;}
	.customized .cm_contents ul li + li {margin-top:10px;}
	.customized .cm_contents ul li:after {top:7px;}

	.customized .dashboard_cont {padding:10px;}
	.customized .dashboard_cont div {padding:0 10px; margin-top:20px; display:block;}

	.biz_solution01 {margin:60px auto 49px; padding:0 20px; max-width:540px; width:100%; border:none;}
	.biz_solution02 {margin:50px auto 0;}
	.biz_solution01 .bs_title, .biz_solution02 .bs_title {margin-bottom:30px; position:static; transform:none; width:100%; height:60px; font-size:18px; line-height:60px;}
	.biz_solution02 .bs_title {max-width:540px; margin:0 auto 60px;}
	.bs_contents01 {display:block;}
	.bs_contents01 .bs_box1 + .bs_box1, .bs_contents01 .bs_box2 + .bs_box2, .bs_contents01 .bs_box3 + .bs_box3 {margin-left:0;}
	.bs_contents01 .bs_box1, .bs_contents01 .bs_box3 {margin:0 auto;}

	.bs_contents01 .bs_box1 li {font-size:14px;}
	.bs_contents01 .bs_box1 li + li {margin-left:12px;}
	.bs_contents01 .bs_box1 + .bs_box1 {margin:10px auto 0;}

	.bs_contents01 .bs_box2 + .bs_box2 {margin-top:12px;}
	.bs_contents01 .bs_box2 ul + ul {margin-left:8px;}
	.bs_contents01 .bs_box2 ul .bs_text01 {height:51px; font-size:20px; line-height:51px;}
	.bs_contents01 .bs_box2 ul .bs_text02 {height:50px; font-size:13px; line-height:16px;}

	.biz_solution01 .imgbox {justify-content:center;}
	.biz_solution02 .map_img {width:100%; overflow-x:auto;}
	.biz_solution02 .map_img img {min-width:660px; overflow-clip-margin:content-box; overflow:clip;}
	.biz_solution02 .map_img::-webkit-scrollbar{display:block; height:4px;}
	.biz_solution02 .map_img::-webkit-scrollbar-track{background:transparent;}
	.biz_solution02 .map_img::-webkit-scrollbar-thumb{background:#da002a;}

	.bs_contents01 .bs_box3 + .bs_box3 {margin:20px auto 0;}
	.bs_contents01 .bs_box3 p {font-size:20px;}
	.bs_contents01 .bs_box3 ul {padding:20px;}
	.bs_contents01 .bs_box3 ul li {padding-left:12px; font-size:16px; line-height:24px;}
	.bs_contents01 .bs_box3 ul li:before {top:9.5px; width:5px; height:5px;}
}
@media all and (max-width:520px) {
	.ps_guide .psg_box ul .psg_text01 {font-size:22px;}
	.ps_guide .psg_box ul .psg_text02 {font-size:16px; line-height:24px;}
	.biz_bottom div ul .psg_text04, .biz_bottom div ul .psg_text05 {margin-left:0; padding-left:35px; font-size:20px; line-height:25px;}
	.biz_bottom div ul .psg_text04:after, .biz_bottom div ul .psg_text05:after {top:0;}

	.customized .customized_title {padding:16px 20px;}
	.customized .cm_textbox .cm_text01 {font-size:20px; line-height:28px;}
}

@media all and (max-width:399px) {
	.ps_guide .psg_box ul .psg_text01 {font-size:20px;}
}

/* 화물요금지급 */
.pi_contents .dividing_line {margin:0 -20px;}
.zhd_payment {padding:64px 50px 50px; margin:114px auto 0; width:100%; position:relative; border-radius:10px; border:1px solid #ddcec2;}
.zhd_payment .zp_title {position:absolute; top:-34px; left:50%; transform:translateX(-50%); width:591px; height:68px; font-size:30px; line-height:68px; font-weight:700; text-align:center; letter-spacing:-0.3px; border-radius:34px; border:1px dashed #ddcec2; background:#f6f1ed;}
.zhd_payment .zp_text01 {font-size:23px; line-height:26px; font-weight:700; text-align:center;}
.zhd_payment .zp_text02 {margin-top:17px; font-size:18px; line-height:23px; font-weight:500; text-align:center;}

.zpbox01 {margin:50px 0; display:flex; align-items:center; font-family:Pretendard;}
.zpbox01 p {width:100%; text-align:center;}
.zpbox01 p img {width:391px;}
.zpbox01 ul {margin-left:50px; width:100%;}
.zpbox01 ul li {position:relative; padding-left:40px; font-size:20px; line-height:26px; font-weight:700;}
.zpbox01 ul li span {position:absolute; top:0; left:0; width:26px; height:26px; font-size:13px; line-height:26px; text-align:center; border-radius:50%; background:#dadada;}
.zpbox01 ul li + li {margin-top:19px;}

.zpbox02 {padding:39px; width:100%; border-radius:6px; border:1px solid #dfd2c6; background:#f6f1ed; font-family:Pretendard;}
.zpbox02 p {font-size:22px; line-height:30px; font-weight:700;}

.zpbox03 p {margin:60px auto; max-width:680px;}
.zpbox03 p img {width:100%;}

@media all and (max-width:1210px) {
	
}
@media all and (min-width:960px) and (max-width:1200px) {
	.zhd_payment {padding:64px 38px 38px;}
	.zhd_payment .zp_title {width:540px;}

	.zpbox01 {justify-content:center;}
	.zpbox01 p {width:300px;}
	.zpbox01 p img {width:100%;}
	.zpbox01 ul {width:auto;}
	.zpbox01 ul li + li {margin-top:15px;}

	.zpbox02 {padding:30px;}
	.zpbox02 p {font-size:20px; line-height:28px;}
}
@media all and (min-width:768px) and (max-width:959px) {
	.zhd_payment {padding:54px 20px 30px;}
	.zhd_payment .zp_title {top:-30px; width:430px; height:60px; font-size:24px; line-height:60px;}
	.zhd_payment .zp_text01 {font-size:19px; line-height:22px;}
	.zhd_payment .zp_text02 {margin-top:10px; font-size:14px; line-height:18px;}

	.zpbox01 {justify-content:center;}
	.zpbox01 p {width:240px;}
	.zpbox01 p img {width:100%;}
	.zpbox01 ul {margin-left:30px; width:auto;}
	.zpbox01 ul li {padding-left:30px; font-size:16px; line-height:24px;}
	.zpbox01 ul li + li {margin-top:10px;}
	.zpbox01 ul li span {width:22px; height:22px; font-size:11px; line-height:24px;}

	.zpbox02 {padding:20px;}
	.zpbox02 p {font-size:17px; line-height:24px;}
}
@media all and (max-width:767px) {
	.zhd_payment {margin:50px auto; padding:0; border:none;}
	.zhd_payment .zp_title {margin-bottom:30px; position:static; transform:none; width:100%; height:60px; font-size:18px; line-height:60px;}

	.zhd_payment .zp_text01 {font-size:20px; line-height:29px; letter-spacing:-0.6px; text-align:left;}
	.zhd_payment .zp_text02 {margin-top:30px; font-size:16px; line-height:22px; text-align:left;}

	.zpbox01 {display:block; margin:60px 0 30px 0;}
	.zpbox01 p img {max-width:400px; width:100%;}
	.zpbox01 ul {margin:30px 0 0 0;}
	.zpbox01 ul li {font-size:16px;}
	.zpbox01 ul li + li {margin-top:10px;}

	.zpbox02 {padding:20px;}
	.zpbox02 p {font-size:16px; line-height:22px;}

	.zpbox03 p {width:100%; overflow-x:auto;}
	.zpbox03 p img {min-width:660px; overflow-clip-margin:content-box; overflow:clip;}
	.zpbox03 p::-webkit-scrollbar{display:block; height:4px;}
	.zpbox03 p::-webkit-scrollbar-track{background:transparent;}
	.zpbox03 p::-webkit-scrollbar-thumb{background:#da002a;}
}

/* 포켓오더 이벤트 */
.event_contents {font-family: Pretendard; padding:40px 50px; border-radius:0 0 20px 20px; background:#eee; overflow:hidden;}
.event_contents .inform {padding:40px 50px; border-radius:20px; background:#fff; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16);}
.event_contents .inform, .event_contents .inform .e_con01 {display:flex;}
.event_contents .inform div:nth-child(1) {width:46%;}
.event_contents .inform div:nth-child(2) {width:54%;}
.event_contents .inform .e_con01 + .e_con01 {margin-top:17px;}
.event_contents .inform .e_text01 {width:110px; height:39px; font-size:18px; line-height:39px; font-weight:800; text-align:center; border-radius:8px; background:#273667; color:#fff;}
.event_contents .inform .e_text02 {margin:0 0 0 16px; font-size:24px; line-height:39px; font-weight:700; color:#010101;}
.event_contents .inform .e_flex {display:flex; align-items:center;}
.event_contents .inform .e_text02 .font-red {margin:0 0 0 6px; color:#da002a;}
.event_contents .inform .e_text02 .efont-r2 {margin:0 6px; font-size:32px; font-weight:900; color:#da002a;}
.event_contents .inform .e_text02 .es_text {display:block; font-size:19px; line-height:21px; font-weight:500;}
.event_contents .inform .e_con02 li {position:relative; padding-left:41px; margin-top:20px; font-size:24px; line-height:29px; font-weight:700; color:#010101;}
.event_contents .inform .e_con02 li .er_text {color:#e71a20;}
.event_contents .inform .e_con02 li:nth-child(1):before {content:''; position:absolute; top:0; left:0; width:31px; height:31px; background:url(../images/e_icon01.png) no-repeat; background-size:31px;}
.event_contents .inform .e_con02 li:nth-child(2):before {content:''; position:absolute; top:0; left:0; width:31px; height:31px; background:url(../images/e_icon02.png) no-repeat; background-size:31px;}

.event_contents .btnbox {margin:50px 0 80px; display:flex;}
.event_contents .btnbox button {max-width:500px; width:100%; height:126px; border-radius:20px; border:none;}
.event_contents .btnbox button + button {margin-top:20px;}
.event_contents .btnbox div:nth-child(1) {padding-right:20px; width:100%; border-right:3px dashed #b6b6b6; display:flex; flex-direction:column; align-items:flex-start;}
.event_contents .btnbox div:nth-child(2) {padding-left:20px; width:100%; display:flex; flex-direction:column; align-items:flex-end;}

.event_contents .btnbox .googleplay {background:url(../images/e_icon03.png) no-repeat center #010101; background-size:261px;}
.event_contents .btnbox .appstore {position:relative; background:url(../images/e_icon04.png) no-repeat center #010101; background-size:245px;}
.event_contents .btnbox .appstore img {position:absolute; top:15px; right:15px; width:78px;}
.event_contents .btnbox .youtube {background:url(../images/e_icon05.png) no-repeat center #fff; background-size:218px;}
.event_contents .btnbox .kakao {background:url(../images/e_icon06.png) no-repeat center #f8e049; background-size:225px;}

.event_contents .map_con h2 {padding:34px 20px; width:100%; border-radius:11px; background:#273667; color:#fff;}
.event_contents .map_con h2 span {display:block; font-size:52px; line-height:62px; font-weight:800; text-align:center;}
.event_contents .map_con .event_situation {padding:34px 50px 60px 50px; margin:18px 0 20px; display:flex; align-items:center; justify-content:space-between; border-radius:20px; background:#f8e049;}
.event_contents .map_con .event_situation .es_left {margin-right:20px;}
.event_contents .map_con .event_situation .es_left .es_title {padding:13px 0; width:277px; font-size:30px; line-height:35px; font-weight:700; text-align:center; border-radius:31px; background:#273667; color:#fff;}
.event_contents .map_con .event_situation .es_left .es_text {margin:35px 0 46px 0; font-size:29px; line-height:35px; font-weight:700; color:#112a77;}
/* .event_contents .map_con .event_situation .es_left .estable_box p {margin-bottom:10px; font-size:22px; line-height:26px; font-weight:700; color:#112a77;} */
.estable_box {max-width:496px; width:100%;}
.estable_box .searchbox {margin-bottom:10px; display:flex; align-items:center;}
.estable_box .searchbox .selectBox {width:115px; height:48px; border:none; background:url('/images/chevron_left.png') calc(100% - 7px) center no-repeat #fff;}
.estable_box .searchbox .selectBox .label, .estable_box .searchbox .selectBox .optionList {font-size:18px; font-weight:700;}
.estable_box .searchbox .selectBox .optionList, .estable_box .searchbox .selectBox .optionList2 {top:50px;}
.estable_box .searchbox .selectBox .label2, .estable_box .searchbox .selectBox .optionList2 {font-size:18px; font-weight:700;}
.estable_box .searchbox .selectBox.active .optionList, .estable_box .searchbox .selectBox.active .optionList2 {border:none;}
.estable_box .searchbox .con_box {margin:0 4px; width:calc(100% - 203px);}
.estable_box .searchbox .con_box input {padding:0 15px; width:100%; height:48px; font-size:18px; font-weight:700; border-radius:6px; border:none; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.06);}
.estable_box .searchbox .con_box input:focus {outline:1px solid #000;}
.estable_box .searchbox .s_btn {width:80px; height:48px; font-size:18px; font-weight:700; border-radius:6px; border:none; background:#da002a; color:#fff;}

.estable_box .table {border:1px solid #e0e4e9;}
.estable_box .table ul li {padding:0 5px; display:flex; align-content:center; align-items:center; justify-content:center; height:40px; font-size:13px; line-height:15px; text-align:center; border-right:1px solid #e0e4e9; border-bottom:1px solid #e0e4e9;}
.estable_box .table .thead ul, .estable_box .table .tbody ul {display:flex;}
.estable_box .table .tbody {max-width:494px; height:300px; overflow-y:scroll; background:#fff;}
.estable_box .table .tbody::-webkit-scrollbar {width:10px;}
.estable_box .table .tbody::-webkit-scrollbar-track {background:#fff; border-left:1px solid #e0e4e9;}
.estable_box .table .tbody::-webkit-scrollbar-thumb {background:#d5d5d5;}
.estable_box .table .type01 {max-width:40px; width:100%;}
.estable_box .table .type02 {max-width:116px; width:100%;}
.estable_box .table .type03 {max-width:136px; width:100%;}
.estable_box .table .type04 {max-width:74px; width:100%;}
.estable_box .table .type05 {max-width:118px; width:100%;}
.estable_box .table .type06 {max-width:366px; width:100%;}
.estable_box .table .thead .type05 {padding-right:16px; flex-wrap:wrap; max-width:128px; width:100%;}
.estable_box .table .thead .type05 span {margin-left:3px;}
.estable_box .table .thead li {background:#273667; color:#fff;}
.estable_box .table .tbody li {font-weight:700; background:#fff; color:#273667;}
.estable_box .table .tbody .number {font-size:20px; line-height:40px;}

.event_contents .map_con .event_situation .es_right {position:relative; max-width:400px; width:100%;}
.event_contents .map_con .event_situation .es_right ul li {position:absolute; font-size:12px; line-height:24px; color:#fff;}
.event_contents .map_con .event_situation .es_right ul li span {margin-right:2px; font-size:20px; font-weight:700; color:#f8e049;}
.event_contents .map_con .event_situation .es_right ul .seoul     {top:16.4%; left:27.5%;}
.event_contents .map_con .event_situation .es_right ul .incheon   {top:19.6%; left:4.4%;}
.event_contents .map_con .event_situation .es_right ul .gangwon   {top:16%; right:23%;}
.event_contents .map_con .event_situation .es_right ul .gyeonggi  {top:31.5%; left:22%;}
.event_contents .map_con .event_situation .es_right ul .chungnam  {top:46.6%; left:5.5%;}
.event_contents .map_con .event_situation .es_right ul .chungbuk  {top:41%; left:50%;}
.event_contents .map_con .event_situation .es_right ul .sejong    {top:45%; left:25.4%;}
.event_contents .map_con .event_situation .es_right ul .daejeon   {top:52.3%; left:33%;}
.event_contents .map_con .event_situation .es_right ul .gyeongbuk {top:47%; right:11.2%;}
.event_contents .map_con .event_situation .es_right ul .jeonbuk   {top:65.5%; left:26.5%;}
.event_contents .map_con .event_situation .es_right ul .daegu     {bottom:34.8%; right:25%;}
.event_contents .map_con .event_situation .es_right ul .gwangju   {bottom:17%; left:16.3%;}
.event_contents .map_con .event_situation .es_right ul .jeonnam   {bottom:11.5%; left:31%;}
.event_contents .map_con .event_situation .es_right ul .gyeongnam {bottom:22.6%; right:38.5%;}
.event_contents .map_con .event_situation .es_right ul .ulsan     {bottom:28.3%; right:2.8%;}
.event_contents .map_con .event_situation .es_right ul .busan     {bottom:17%; right:11.2%;}
.event_contents .map_con .event_situation .es_right ul .es_inform {bottom:0; right:10px; padding:6px 0; width:179px; text-align:center; border-radius:20px; background:#509956;}

.event_contents .map_con .event_situation2 {padding:30px 20px 50px 20px; margin:50px 0; border-radius:10px; background:#f8e049;}
.event_contents .map_con .event_situation2 .es_mtop .es_title {margin:0 auto; max-width:480px; width:100%; height:90px; font-size:40px; line-height:90px; font-weight:700; text-align:center; border-radius:60px; background:#273667; color:#fff;}
.event_contents .map_con .event_situation2 .es_mtop .es_text {margin:50px 0 30px 0; font-size:50px; line-height:62px; font-weight:800; text-align:center; color:#112a77;}
.event_contents .map_con .event_situation2 .es_mtop .es_inform {margin:0 auto; width:400px; height:70px; font-size:24px; line-height:70px; font-weight:400; text-align:center; border-radius:40px; background:#509956; color:#fff;}
.event_contents .map_con .event_situation2 .es_mtop .es_inform span {margin-right:6px; font-size:36px; font-weight:700; color:#f8e049;}
.event_contents .map_con .event_situation2 .e_mapbox {padding:0 20px; margin:60px auto; position:relative; max-width:500px; width:100%;}
.event_contents .map_con .event_situation2 .e_mapbox ul .seoul     {top:16.4%; left:30%;}
.event_contents .map_con .event_situation2 .e_mapbox ul .incheon   {top:19.8%; left:8.6%;}
.event_contents .map_con .event_situation2 .e_mapbox ul .gangwon   {top:16.2%; right:26.8%;}
.event_contents .map_con .event_situation2 .e_mapbox ul .gyeonggi  {top:31.5%; left:25%;}
.event_contents .map_con .event_situation2 .e_mapbox ul .chungnam  {top:46.8%; left:9.5%;}
.event_contents .map_con .event_situation2 .e_mapbox ul .chungbuk  {top:41%; left:50.5%;}
.event_contents .map_con .event_situation2 .e_mapbox ul .sejong    {top:45%; left:27.6%;}
.event_contents .map_con .event_situation2 .e_mapbox ul .daejeon   {top:52.6%; left:35%;}
.event_contents .map_con .event_situation2 .e_mapbox ul .gyeongbuk {top:47.2%; right:17%;}
.event_contents .map_con .event_situation2 .e_mapbox ul .jeonbuk   {top:65.6%; left:28.8%;}
.event_contents .map_con .event_situation2 .e_mapbox ul .daegu     {bottom:35%; right:27.5%;}
.event_contents .map_con .event_situation2 .e_mapbox ul .gwangju   {bottom:17.3%; left:19.4%;}
.event_contents .map_con .event_situation2 .e_mapbox ul .jeonnam   {bottom:11.6%; left:32.8%;}
.event_contents .map_con .event_situation2 .e_mapbox ul .gyeongnam {bottom:23%; right:41%;}
.event_contents .map_con .event_situation2 .e_mapbox ul .ulsan     {bottom:28.4%; right:6.5%;}
.event_contents .map_con .event_situation2 .e_mapbox ul .busan     {bottom:17.2%; right:14%;}

.event_contents .map_con .event_situation2 .estable_box {margin:0 auto; max-width:490px; width:100%;}
.event_contents .map_con .event_situation2 .estable_box p {margin-bottom:14px; font-size:30px; line-height:34px; font-weight:700; text-align:center; color:#112a77;}

.event_contents .map_con .joinintend {margin:22px; display:flex; align-items:flex-start;}
.event_contents .map_con .event_situation2 .e_mapbox ul li {position:absolute; font-size:12px; line-height:24px; color:#fff;}
.event_contents .map_con .event_situation2 .e_mapbox ul li span {margin-right:2px; font-size:20px; font-weight:700; color:#f8e049;}


.event_contents .map_con .joinintend img {margin:0; width:148px;}
.event_contents .map_con .joinintend p {margin-left:32px; font-size:24px; line-height:31px; font-weight:700; letter-spacing:-0.26px; color:#010101;}

.event_footer, .event_footer div {display:flex; align-items:flex-start; justify-content:space-between;}
.event_footer {padding:36px 50px; margin:0 -50px -40px; background:#000; color:#fff;}
.event_footer img {width:233px;}
.event_footer ul {padding-left:73px; position:relative;}
.event_footer ul:after {content:''; position:absolute; top:11px; left:49px; height:74px; border-left:1px solid #ffffff; opacity:0.31;}
.event_footer ul .ef_text01 {font-size:47px; line-height:56px; font-weight:700;}
.event_footer ul .ef_text02 {font-size:23px; line-height:28px; font-weight:700;}
.event_footer p {max-width:482px; font-size:24px; line-height:31px; font-weight:500;}

@media all and (min-width:960px) and (max-width:1200px){
	.event_contents .inform {padding:40px 30px;}
	.event_contents .inform div:nth-child(1) {width:48%;}
	.event_contents .inform div:nth-child(2) {width:52%;}
	.event_contents .inform .e_text01 {width:90px; font-size:16px;}
	.event_contents .inform .e_text02 {margin:0 0 0 10px; font-size:20px; line-hegiht:30px;}
	.event_contents .inform .e_con02 li {padding-left:36px; margin-top:12px; font-size:20px; line-height:26px;}
	.event_contents .inform .e_con02 li:nth-child(1):before, .event_contents .inform .e_con02 li:nth-child(2):before {width:26px; height:26px; background-size:26px;}

	.event_contents .map_con h2 span {font-size:38px; line-height:48px;}
	.event_contents .map_con .joinintend p {font-size:23px;}
	.event_contents .map_con .event_situation {padding:30px;}
	.event_contents .map_con .event_situation .es_left .es_title {width:300px; font-size:28px; line-height:32px;}
	.event_contents .map_con .event_situation .es_left .es_text {font-size:26px; line-height:30px;}
	.event_contents .map_con .event_situation .es_right {max-width:350px;}

	.event_footer {display:block;}
	.event_footer img {width:200px;}
	.event_footer div {align-items:center; justify-content:center;}
	.event_footer p {margin:20px auto 0; text-align:center;}
}
@media all and (min-width:768px) and (max-width:959px) {
	.event_contents .inform {padding:40px 30px; display:block;}
	.event_contents .inform div:nth-child(1), .event_contents .inform div:nth-child(2) {width:100%;}
	.event_contents .inform div:nth-child(2) {margin-top:17px;}
	.event_contents .inform .e_text01 {width:90px; font-size:16px;}
	.event_contents .inform .e_text02 {margin:0 0 0 10px; font-size:20px; line-hegiht:30px;}
	.event_contents .inform .e_con02 li {padding-left:36px; margin-top:12px; font-size:20px; line-height:26px;}
	.event_contents .inform .e_con02 li:nth-child(1):before, .event_contents .inform .e_con02 li:nth-child(2):before {width:26px; height:26px; background-size:26px;}

	.event_contents .btnbox {margin:50px 0;}
	.event_contents .btnbox button {height:100px;}
	.event_contents .btnbox .googleplay {background-size:180px;}
	.event_contents .btnbox .appstore {background-size:165px;}
	.event_contents .btnbox .appstore img {top:10px; right:10px; width:60px;}
	.event_contents .btnbox .youtube {background-size:148px;}
	.event_contents .btnbox .kakao {background-size:155px;}

	.event_contents .map_con h2 span {font-size:28px; line-height:30px;}
	.event_contents .map_con .joinintend {margin:22px 20px;}
	.event_contents .map_con .joinintend img {width:120px;}
	.event_contents .map_con .joinintend p {margin-left:22px; font-size:20px; line-height:23px;}
	.event_contents .map_con .event_situation {padding:26px;}
	.event_contents .map_con .event_situation .es_left {margin-right:12px;}
	.event_contents .map_con .event_situation .es_left .es_title {padding:10px 0; width:220px; font-size:22px; line-height:26px;}
	.event_contents .map_con .event_situation .es_left .es_text {margin:20px 0; font-size:19px; line-height:22px;}
	.estable_box .searchbox .selectBox {width:90px; height:40px;}
	.estable_box .searchbox .selectBox .optionList {top:42px;}
	.estable_box .searchbox .selectBox .label, .estable_box .searchbox .selectBox .optionList {font-size:16px;}
	.estable_box .searchbox .con_box {margin:0 4px; width:calc(100% - 158px);}
	.estable_box .searchbox .con_box input {padding:0 10px; height:40px; font-size:16px;}
	.estable_box .searchbox .s_btn {width:60px; height:40px;font-size:16px;}
	.estable_box .table .type01 {display:none;}
	.estable_box .table .type04 {max-width:60px;}
	/* .event_contents .map_con .event_situation .es_left .estable_box p {margin-bottom:2px; font-size:16px; line-height:18px;}
	.estable_box table th, .estable_box table td {height:40px; font-size:12px;} */
	.event_contents .map_con .event_situation .es_right {max-width:260px;}
	.event_contents .map_con .event_situation .es_right ul li span {font-size:18px;}
	.event_contents .map_con .event_situation .es_right ul .gangwon span, .event_contents .map_con .event_situation .es_right ul .chungnam span,
	.event_contents .map_con .event_situation .es_right ul .sejong span, .event_contents .map_con .event_situation .es_right ul .daejeon span,
	.event_contents .map_con .event_situation .es_right ul .gyeongbuk span, .event_contents .map_con .event_situation .es_right ul .daegu span,
	.event_contents .map_con .event_situation .es_right ul .gwangju span, .event_contents .map_con .event_situation .es_right ul .gyeongnam span,
	.event_contents .map_con .event_situation .es_right ul .ulsan span, .event_contents .map_con .event_situation .es_right ul .es_inform span {font-size:16px;}
	.event_contents .map_con .event_situation .es_right ul .seoul     {top:15.4%; left:25.5%;}
	.event_contents .map_con .event_situation .es_right ul .incheon   {top:18.8%; left:2.4%;}
	.event_contents .map_con .event_situation .es_right ul .gangwon   {top:15%; right:23%; font-size:10px;}
	.event_contents .map_con .event_situation .es_right ul .gyeonggi  {top:30.5%; left:19.5%;}
	.event_contents .map_con .event_situation .es_right ul .chungnam  {top:45.8%; left:4%; font-size:10px;}
	.event_contents .map_con .event_situation .es_right ul .chungbuk  {top:40%; left:47.5%;}
	.event_contents .map_con .event_situation .es_right ul .sejong    {top:44%; left:24.4%; font-size:10px;}
	.event_contents .map_con .event_situation .es_right ul .daejeon   {top:51.3%; left:32.5%; font-size:10px;}
	.event_contents .map_con .event_situation .es_right ul .gyeongbuk {top:46.2%; right:12.4%; font-size:10px;}
	.event_contents .map_con .event_situation .es_right ul .jeonbuk   {top:64.5%; left:24%;}
	.event_contents .map_con .event_situation .es_right ul .daegu     {bottom:33.8%; right:23.5%; font-size:10px;}
	.event_contents .map_con .event_situation .es_right ul .gwangju   {bottom:16%; left:15.4%; font-size:10px;}
	.event_contents .map_con .event_situation .es_right ul .jeonnam   {bottom:10%; left:29.5%;}
	.event_contents .map_con .event_situation .es_right ul .gyeongnam {bottom:22%; right:38.6%; font-size:10px;}
	.event_contents .map_con .event_situation .es_right ul .ulsan     {bottom:27.5%; right:1.5%; font-size:10px;}
	.event_contents .map_con .event_situation .es_right ul .busan     {bottom:15.6%; right:8%;}
	.event_contents .map_con .event_situation .es_right ul .es_inform {bottom:0; right:-10px; padding:4px 0; width:146px; font-size:10px; text-align:center; border-radius:20px; background:#509956;}

	.event_footer {display:block;}
	.event_footer img {width:200px;}
	.event_footer div {align-items:center; justify-content:center;}
	.event_footer p {margin:20px auto 0; text-align:center;}
}

@media all and (max-width:767px) {
	.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_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 {margin-top:18px; font-size:18px; line-height:23px;}

	.event_contents .btnbox {display:block; margin:50px 0;}
	.event_contents .btnbox div:nth-child(1) {padding-right:0; border-right:none;}
	.event_contents .btnbox div:nth-child(2) {padding-left: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 .selectBox {width:90px;}
	.estable_box .searchbox .selectBox .optionList {top:42px;}
	.estable_box .searchbox .selectBox .label, .estable_box .searchbox .selectBox .optionList {font-size:16px;}
	.estable_box .searchbox .con_box {margin:0 4px; width:calc(100% - 158px);}
	.estable_box .searchbox .con_box input {padding:0 10px; font-size:16px;}
	.estable_box .searchbox .s_btn {width:60px; font-size:16px;}

	.event_footer, .event_footer div {display:block; text-align:center;}
	.event_footer img {width:187px;}
	.event_footer ul {padding-left:0; margin:40px 0 30px 0;}
	.event_footer ul:after {border-left:none;}
	.event_footer p {max-width:100%; font-size:16px; line-height:23px;}
}
@media all and (max-width:560px) {
	.event_contents .map_con .event_situation2 .es_mtop .es_title {max-width:270px; height:60px; font-size:25px; line-height:60px;}
	.event_contents .map_con .event_situation2 .es_mtop .es_text {margin:30px 0 15px 0; font-size:26px; line-height:32px;}
	.event_contents .map_con .event_situation2 .es_mtop .es_inform {width:189px; height:39px; font-size:12px; line-height:39px;}
	.event_contents .map_con .event_situation2 .es_mtop .es_inform span {font-size:20px;}

	.event_contents .map_con .event_situation2 .e_mapbox {margin:40px auto; max-width:400px;}
	.event_contents .map_con .event_situation2 .e_mapbox ul li span {font-size:18px;}
	.event_contents .map_con .event_situation2 .e_mapbox ul .gangwon span, .event_contents .map_con .event_situation2 .e_mapbox ul .daegu span,
	.event_contents .map_con .event_situation2 .e_mapbox ul .gyeongnam span, .event_contents .map_con .event_situation2 .e_mapbox ul .gyeongbuk span {font-size:16px;}
	.event_contents .map_con .event_situation2 .e_mapbox ul .seoul     {top:16%; left:31%;}
	.event_contents .map_con .event_situation2 .e_mapbox ul .incheon   {top:19%; left:9.6%;}
	.event_contents .map_con .event_situation2 .e_mapbox ul .gangwon   {top:15.2%; right:26.3%; font-size:10px;}
	.event_contents .map_con .event_situation2 .e_mapbox ul .gyeonggi  {top:30.9%; left:23%;}
	.event_contents .map_con .event_situation2 .e_mapbox ul .chungnam  {top:46%; left:9.5%;}
	.event_contents .map_con .event_situation2 .e_mapbox ul .chungbuk  {top:40.4%; left:48.5%;}
	.event_contents .map_con .event_situation2 .e_mapbox ul .sejong    {top:44.2%; left:27%;}
	.event_contents .map_con .event_situation2 .e_mapbox ul .daejeon   {top:51.8%; left:35%;}
	.event_contents .map_con .event_situation2 .e_mapbox ul .gyeongbuk {top:46.5%; right:16%; font-size:10px;}
	.event_contents .map_con .event_situation2 .e_mapbox ul .jeonbuk   {top:65%; left:28.8%;}
	.event_contents .map_con .event_situation2 .e_mapbox ul .daegu     {bottom:34.2%; right:29%; font-size:10px;}
	.event_contents .map_con .event_situation2 .e_mapbox ul .gwangju   {bottom:16.5%; left:20%;}
	.event_contents .map_con .event_situation2 .e_mapbox ul .jeonnam   {bottom:11%; left:32.8%;}
	.event_contents .map_con .event_situation2 .e_mapbox ul .gyeongnam {bottom:22%; right:40%; font-size:10px;}
	.event_contents .map_con .event_situation2 .e_mapbox ul .ulsan     {bottom:27.5%; right:8%;}
	.event_contents .map_con .event_situation2 .e_mapbox ul .busan     {bottom:16.4%; right:15.2%;}
}
@media all and (max-width:499px) {
	.estable_box .searchbox .selectBox {width:74px; height:40px;}
	.estable_box .searchbox .selectBox .optionList2 {top:42px;}
	.estable_box .searchbox .selectBox .label2, .estable_box .searchbox .selectBox .optionList2 {font-size:14px;}
	.estable_box .searchbox .con_box {margin:0 4px; width:calc(100% - 132px);}
	.estable_box .searchbox .con_box input {padding:0 8px; height:40px; font-size:14px;}
	.estable_box .searchbox .s_btn {width:50px; height:40px;font-size:14px;}
}
@media all and (max-width:459px) {
	.event_contents .map_con .event_situation2 .e_mapbox ul li {font-size:10px;}
	.event_contents .map_con .event_situation2 .e_mapbox ul li span {font-size:16px;}
	.event_contents .map_con .event_situation2 .e_mapbox ul .gangwon span, .event_contents .map_con .event_situation2 .e_mapbox ul .daegu span,
	.event_contents .map_con .event_situation2 .e_mapbox ul .gyeongnam span, .event_contents .map_con .event_situation2 .e_mapbox ul .gyeongbuk span {font-size:14px;}
	.event_contents .map_con .event_situation2 .e_mapbox ul .seoul     {top:15.8%; left:31%;}
	.event_contents .map_con .event_situation2 .e_mapbox ul .incheon   {top:19%; left:10.2%;}
	.event_contents .map_con .event_situation2 .e_mapbox ul .gangwon   {top:15.2%; right:26.3%; font-size:8px;}
	.event_contents .map_con .event_situation2 .e_mapbox ul .gyeonggi  {top:30.9%; left:23%;}
	.event_contents .map_con .event_situation2 .e_mapbox ul .chungnam  {top:46%; left:9.5%;}
	.event_contents .map_con .event_situation2 .e_mapbox ul .chungbuk  {top:40.4%; left:48.5%;}
	.event_contents .map_con .event_situation2 .e_mapbox ul .sejong    {top:44.2%; left:27%;}
	.event_contents .map_con .event_situation2 .e_mapbox ul .daejeon   {top:51.8%; left:35%;}
	.event_contents .map_con .event_situation2 .e_mapbox ul .gyeongbuk {top:46.5%; right:16%; font-size:8px;}
	.event_contents .map_con .event_situation2 .e_mapbox ul .jeonbuk   {top:65%; left:28.8%;}
	.event_contents .map_con .event_situation2 .e_mapbox ul .daegu     {bottom:34.2%; right:29%; font-size:8px;}
	.event_contents .map_con .event_situation2 .e_mapbox ul .gwangju   {bottom:16.5%; left:20%;}
	.event_contents .map_con .event_situation2 .e_mapbox ul .jeonnam   {bottom:11%; left:32.8%;}
	.event_contents .map_con .event_situation2 .e_mapbox ul .gyeongnam {bottom:22%; right:40%; font-size:8px;}
	.event_contents .map_con .event_situation2 .e_mapbox ul .ulsan     {bottom:27.5%; right:8%;}
	.event_contents .map_con .event_situation2 .e_mapbox ul .busan     {bottom:16.4%; right:15.2%;}

	.estable_box .table .type01 {display:none;}
	/* .estable_box .table .type04 {font-size:54px;} */
	.estable_box .table ul li {font-size:12px;}
	.estable_box .table .tbody .number {font-size:18px;}
}

@media all and (max-width:380px) {
	.estable_box .table .tbody .number {font-size:16px;}
}

/* 지화툰 */
.toonbg {width:100%; background-image:linear-gradient(to top, #fff calc(100% - 680px), #222 360px);}
.toonbg .sub_maintitle, .toonbg .subtextcontent .subtext01 {color:#fff;}
.toonbg .sub_maintitle .titleline {background:#fff;}
.pattern {margin:30px 0 0 0;}

.toon_buttonbox {max-width:1200px; width:100%; display:flex; align-items:center; margin:0 auto; padding:80px 0 30px 0;}
.toon_buttonbox li {width:100%; height:80px; font-size:33px; line-height:80px; text-align:center; background:#cbcbcb; border:1px solid #707070; font-weight:600; color:#fff;}
.toon_buttonbox li.checkbtn {background:#da002a; border:none;}
.toon_contentbox .list li {display:table; border-collapse:collapse; width:100%; margin-bottom:10px;}
.toon_contentbox .inner {display:table-row; overflow:hidden; border:1px solid #dedede;}
.toon_contentbox .li-img {display:table-cell; vertical-align:middle; width:30%; border-right:1px solid #dedede; background:#fff;}
.toon_contentbox .li-img img {display:block; width:100%; height:auto;}
.toon_contentbox .li-text {display:table-cell; vertical-align:middle; width:70%; text-align:left; padding:20px; background:#fff;}
.toon_contentbox .li-text p:nth-child(1) {font-size:14px; line-height:18px; letter-spacing:-0.4px;}
.toon_contentbox .li-text p:nth-child(2) {font-size:24px; line-height:28px; letter-spacing:-0.8px; font-weight:bold; margin:4px 0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.toon_contentbox .li-text p:nth-child(3) {font-size:16px; line-height:20px; letter-spacing:-0.6px; font-weight:bold; color:#9b9b9b; margin-bottom:4px;}
.toon_contentbox .li-text p:nth-child(3) span {color:#e61c3a;}
.toon_contentbox .li-text p:nth-child(4) {font-size:16px; line-height:20px; letter-spacing:-0.8px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

.tab-content {display:none !important; padding:0;}
.tab-1.checkbtn, .tab-2.checkbtn, .tab-3.checkbtn {display:block !important;}

@media all and (max-width:1210px) {
	.toon_buttonbox {padding:80px 20px 30px 20px;}
	.toon_contentbox {padding:0 20px;}
}
@media all and (min-width:40em) {
	.toon_contentbox .list {padding:0.5em; max-width:1200px; margin:0 auto; overflow:hidden;}
	.toon_contentbox .list li {padding:0.5em; display:block; width:50%; 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:33.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;}
}

/* 고객지원 */
.password_popup {display:none; z-index:99; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); width:356px; height:160px; background:#f7f4f1; border:1px solid #646464; border-radius:5px; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16);}
.password_popup .close {position:absolute; top:10px; right:10px;}
.password_popup .popupcontent {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:initial; padding:0 30px;}
.password_popup .popupcontent p {font-size:16px; line-height:23px; letter-spacing:-0.29px; margin:0 0 7px 0;}
.password_popup .popupcontent div {display:flex; align-items:center;}
.password_popup .popupcontent div input[type="text"] {padding:0 15px; font-size:16px; letter-spacing:-0.29px; width:202px; height:39px; background:#fff; border:1px solid #d1d1d1; border-radius:6px;}
.password_popup .popupcontent div button {width:89px; height:39px; font-size:16px; letter-spacing:-0.29px; background:#e61c3a; color:#fff; border:none; border-radius:6px; margin-left:5px;}
.password_popup .popupcontent div input[type="text"]::placeholder {color:#bcbcbc;}
.password_popup .popupcontent div input[type="text"]:focus {outline:none;}

.password_popup .popupcontent div input[type="password"] {padding:0 15px; font-size:16px; letter-spacing:-0.29px; width:202px; height:39px; background:#fff; border:1px solid #d1d1d1; border-radius:6px;}
.password_popup .popupcontent div input[type="password"]::placeholder {color:#bcbcbc;}
.password_popup .popupcontent div input[type="password"]:focus {outline:none;}

.typebox, .radiobox, .radiobox ul label, .informbox, .informcontentbox {display:flex; align-items:center;}
.typebox, .informbox, .upload_but {width:100%;}
.typebox {margin:30px 0;}
.informbox, .informbox2, .informbox2 label {margin:0 0 20px 0;}
.comment_line {width:100%; background:#c8c8c8; margin:0;}

.postcontent01, .postcontent02, .postcontent03 {display:none;}
.show {display:block;}

.inquirybox_title {width:100%; height:70px; display:flex; align-items:center; justify-content:space-between; border-top:2px solid #222; border-bottom:2px solid #222;}
.inquirybox_title .counseling_number {font-size:20px; line-height:28px; margin-left:30px;}
.selectBox * { box-sizing: border-box; }
.selectBox {position:relative; width:257px; height:58px; border-radius:6px; border:2px solid #dedede; background:url('/images/chevron_left.png') calc(100% - 7px) center no-repeat; background-size:15px; cursor:pointer;}
.selectBox .label, .selectBox .label2 {display:flex; align-items:center; width:100%; height:100%; border:0 none; outline:0 none; padding-left:15px; background:transparent; cursor:pointer; font-size:20px;}
.selectBox .optionList, .selectBox .optionList2 {z-index:2; position:absolute; top:56px; left:0; width:100%; font-size:20px; background:#fff; color:#000; border-radius:6px; overflow:hidden; max-height:0; transition:.3s ease-in;}

.selectBox .optionList::-webkit-scrollbar {width:5px;}
.selectBox .optionList::-webkit-scrollbar-track {background:transparent; }
.selectBox .optionList::-webkit-scrollbar-thumb {background:#303030; border-radius:45px;}
.selectBox .optionList::-webkit-scrollbar-thumb:hover {background:#303030;}

.selectBox.active .optionList, .selectBox.active .optionList2 {max-height:440px; border:2px solid #dedede;}
.selectBox .optionItem, .selectBox .optionItem2 {padding:16px 14px; transition: .1s;}
.selectBox .optionItem:hover, .selectBox .optionItem2:hover {background:#ebebeb;}
.selectBox .optionItem:last-child, .selectBox .optionItem2:last-child {border-bottom:0 none;}

.postlist {width:100%;}
.postlist .post {width:100%; height:70px; padding:0 30px; border-bottom:1px solid #c5c5c5; display:flex; align-items:center; justify-content:space-between;}
.postlist ul li {font-size:20px; line-height:28px;}
.postlist ul .posttitle {width:60%; font-weight:600;}
.postlist ul .posttitle:hover {text-decoration:underline;}
.postlist ul .posttitle .secret {display: inline-block; margin:-8px 0; width:34px; height:34px; border-radius:50%; background:url(../images/secret_icon.png) no-repeat; background-size:cover;}

.postlist .mbcont {width:20%; padding:0; display:flex; align-items:center;}
.postlist .mbcont li:nth-child(1) {width:24%;}
.postlist .mbcont li:nth-child(2) {width:76%; text-align:center;}

.writingbutton {display:flex; justify-content:flex-end;}
.writingbutton button {margin:20px 0; font-size:24px; letter-spacing:-0.43px; width:170px; height:60px; border-radius:30px; background:#e61c3a; border:none; color:#fff;}

.postnumber {display:flex; align-items:center; justify-content:center;}
.postnumber li {width:40px; height:40px; font-size:26px; line-height:40px; text-align:center; color:#666;}
.postnumber li.now {background:#e61c3a; color:#fff; border-radius:4px;}
.postnumber li .notgo {opacity:.3;}

.list_gobox {margin:40px 0 0 0; border-bottom:2px solid #222; padding:0 0 20px 0; display:flex; justify-content:flex-end;}
.post_detailed {font-size:16px; line-height:38px; letter-spacing:-0.29px; padding:80px 0; border-bottom:2px solid #222;}
.subgobox {align-items:center; justify-content:space-between;}
.subgobox p {font-size:14px; line-height:18px; letter-spacing:-0.25px;}
.list_gobox .gopost {width:56px; height:56px; background:url(/images/list_icon.png) no-repeat; background-size:cover; transition:all .4s; cursor:pointer;}
.list_gobox .gopost:hover {background:url(/images/hlist_icon.png) no-repeat; background-size:cover;}
.typebox p {width:110px; font-size:24px; line-height:33px; letter-spacing:-0.8px; font-weight:600;}
.radiobox {width:calc(100% - 110px);}
.radiobox ul {width:100%; display:flex; align-items:center; justify-content:space-around; font-size:24px; line-height:26px; letter-spacing:-0.8px; font-weight:600;}
.radiobox ul label span {display:block; width:26px; height:26px; background:url(../images/radio.png) no-repeat; background-size:cover; margin-right:10px;}
.radiobox ul label {cursor:pointer;}
.radiobox input[type="radio"] {display:none;}
.radiobox input[type="radio"]:checked + label span {background:url(../images/radio_checked.png) no-repeat; background-size:cover;}
.passwordbox {margin:0;}

.manager_reply {widthL100%; padding:30px 0; border-bottom:2px solid #222;}
.manager_reply h2 {font-size:24px; line-height:30px; font-weight:600;}
.manager_reply p {font-size:16px; line-height:28px; letter-spacing:-0.29px; margin:10px 0 0 0;}

.informbox, .informbox2 {padding:20px 30px; width:100%; border-radius:14px; background:#fff; border:1px solid #c5c5c5; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16);}
.informcontentbox .informbox:nth-child(1) {margin-right:10px;}
.informcontentbox .informbox:nth-child(2) {margin-left:10px;}
.informbox label, .informbox2 label {width:90px; font-size:20px; line-height:28px; letter-spacing:-0.8px; font-weight:600;}
.informbox input[type="text"], .informbox input[type="tel"], .informbox input[type="email"] {font-size:20px; line-height:28px; width:calc(100% - 90px); border:none;}
.passwordbox label {width:100px;}
.passwordbox input[type="text"] {font-size:20px; line-height:28px; width:calc(100% - 100px); border:none;}
.informbox2 textarea {width:100%; height:360px; font-size:20px; line-height:28px; border:none; resize:none;}
.informbox input[type="text"]::placeholder, .informbox input[type="tel"]::placeholder, .informbox input[type="email"]::placeholder, textarea::placeholder {color:#d2d2d2;}
.informbox input[type="text"]:focus, .informbox input[type="tel"]:focus, .informbox input[type="email"]:focus, .informbox2 textarea, .commentinputbox textarea:focus, .simple_infor label input[type="text"]:focus {outline:none;}

.publicbox ul {justify-content:flex-end;}
.publicbox ul .publiccontent {margin-right:58px;}

.upload_but {text-align:center; margin-top:50px;}
.upload_but input[type="submit"] {width:380px; height:80px; border-radius:49px; border:1px solid #707070; color:#222; background:#fff; font-size:24px; letter-spacing:-0.43px; font-weight:600; transition:all .4s;}
.upload_but input[type="submit"].on {background:#e61c3a; color:#fff; border:none;}

.postcontent03 h3 {font-size:48px; line-height:68px; letter-spacing:-0.86px; font-weight:600;}
.commenttop {width:100%; height:84px; display:flex; align-items:center; justify-content:space-between;}
.commenttop p {font-size:24px; line-height:33px; font-weight:600;}
.commenttop div button {width:103px; height:38px; font-size:18px; font-weight:600; border-radius:6px; border:none;}
.commenttop div .modify {background:#707070; color:#fff;}
.commenttop div .delete {background:#000; color:#fff;}

.commentinputbox {padding:20px 30px; margin-top:10px; background:#fff; border:1px solid #e3e3e3; border-radius:6px;}
.commentinputbox .simple_infor {display:flex; align-items:center;}
.commentinputbox .simple_infor label {font-size:16px; line-height:23px; letter-spacing:-0.29px;}
.simple_infor label input[type="text"] {width:209px; height:39px; padding:0 15px; margin-left:10px; background:#fff; border:1px solid #d1d1d1; border-radius:6px;}
.simple_infor label input[type="text"]::placeholder, .commentbox textarea::placeholder {color:#bcbcbc;}
.commentinputbox textarea {margin-top:20px; width:100%; height:60px; font-size:16px; line-height:22px; border:none; resize:none;}
.commentinputbox textarea::-webkit-scrollbar {overflow:visible;}

.comment_butbox {display:flex; justify-content:flex-end;}
.comment_butbox button {border:none; background:transparent; width:56px; height:20px; font-size:14px; line-height:20px; font-weight:600;}
.comment_butbox .cancel {border-right:1px solid #e6e6e6;}
.comment_butbox button:hover {color:#e61c3a; text-decoration: underline;}

.commentbox {width:100%; padding:30px 0;}
.commentbox > .commentinputbox {display:none; margin-top:30px;}
.commentbox ul .name {font-size:20px; line-height:28px; font-weight:600;}
.commentbox ul .comment_content {font-size:16px; line-height:28px; letter-spacing:-0.29px; margin:10px 0 0 0;}
.commentfooter, .commentfooter ul {display:flex; align-items:center;}
.commentfooter {margin:17px 0;}
.commentfooter ul {font-size:14px; line-height:19px; letter-spacing:-0.25px;}
.commentfooter ul .time {margin-left:5px;}
.commentfooter .comment_butbox {margin-left:15px;}
.commentfooter .comment_butbox .input {margin-right:10px;}
.commentfooter .comment_butbox button:nth-child(2) {border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6;}

.reply1, .reply2 {display:flex; align-items:flex-start;}
.reply1 > .commentbox, .reply2 > .commentbox {padding:0; margin-left:10px;}
.reply1 {padding:30px 0 30px 60px;}
.reply2 {padding:30px 0 30px 120px;}

#counseling .gopost {display:flex; justify-content:center; margin:60px 0 0 0;}
#counseling .gopost button {width:380px; height:80px; border-radius:49px; border:1px solid #707070; color:#222; background:#fff; font-size:24px; letter-spacing:-0.43px; font-weight:600; transition:all .4s;}
#counseling .gopost button:hover {background:#e61c3a; border:none; color:#fff;}

@media all and (min-width:960px) and (max-width:1200px) {
	.radiobox ul {font-size:18px; line-height:20px;}
	.informbox label, .informbox2 label {width:80px; font-size:18px; line-height:22px;}
	.informbox input[type="text"], .informbox input[type="tel"], .informbox input[type="email"] {font-size:18px; line-height:22px; width:calc(100% - 80px);}

	.postlist .mbcont {width:22%;}
	.postlist ul .posttitle {width:58%;}
	.postlist ul li {font-size:18px;}
	.postcontent03 h3 {font-size:40px; line-height:50px;}
}
@media all and (min-width:768px) and (max-width:959px) {
	.typebox {display:block;}
	.radiobox  {width:100%;}
	.radiobox ul {width:auto; justify-content:space-between; font-size:18px; line-height:20px; margin:30px 0 0 0;}
	.radiobox ul label {margin-right:30px;}
	.informbox label, .informbox2 label {width:70px; font-size:18px; line-height:22px;}
	.informbox input[type="text"], .informbox input[type="tel"], .informbox input[type="email"] {font-size:18px; line-height:22px; width:calc(100% - 70px);}

	.postcontent03 h3 {font-size:38px; line-height:48px;}
	.list_gobox .gopost {width:46px; height:46px;}
	.selectBox {width:230px; height:50px;}
	.selectBox .label {font-size:18px;}
	.inquirybox_title .counseling_number {font-size:18px; line-height:22px;}
	.selectBox .optionList {top:48px; font-size:18px;}
	.inquirybox_title .counseling_number {margin-left:20px;}
	.postlist .post {padding:0 20px;}
	.postlist .mbcont {width:22%;}
	.postlist ul li {font-size:16px; line-height:24px;}
	.postlist .mbcont li:nth-child(1) {width:20%;}
	.postlist .mbcont li:nth-child(2) {width:80%;}
	.postlist ul .posttitle {width:60%;}
	.postlist ul .posttitle .secret {width:24px; height:24px; margin:-6px 0;}
	
	.postnumber li {width:38px; height:38px; font-size:22px; line-height:38px;}
	.postnumber li img {width:38px;}
	
	.passwordbox label {width:90px;}
	.passwordbox input[type="text"] {width:calc(100% - 90px);}
	.publicbox {justify-content:flex-end;}
	.publicbox ul {margin:0;}
	
	.commentinputbox {padding:20px;}
	.reply1 {padding:30px 0 30px 30px;}
	.reply2 {padding:30px 0 30px 60px;}
}
@media all and (min-width:540px) and (max-width:767px) {
	.typebox, .radiobox, .informcontentbox {display:block;}
	.radiobox  {width:100%;}
	.radiobox ul {justify-content:flex-start; font-size:18px; line-height:20px; margin:20px 0 0 0;}
	.radiobox ul label {width:50%;}
	.radiobox ul label span {width:20px; height:20px;}

	.informbox, .informbox2 {margin:0 0 15px 0;}
	.informbox2 label {margin:0 0 10px 0;}
	.informcontentbox .informbox:nth-child(1) {margin-right:0;}
	.informcontentbox .informbox:nth-child(2) {margin-left:0;}
	.informbox label, .informbox2 label {width:70px; font-size:16px; line-height:22px;}
	.informbox input[type="text"], .informbox input[type="tel"], .informbox input[type="email"] {font-size:16px; line-height:22px; width:calc(100% - 70px);}
	.informbox2 textarea {height:182px; font-size:16px; line-height:22px;}
	.upload_but {text-align:center; margin-top:40px;}
	.upload_but input[type="submit"] {width:100%; height:56px; font-size:20px;}
	
	.post_detailed {padding:60px 0;}
}
@media all and (max-width:539px) {
	.typebox, .radiobox, .informcontentbox, .commentfooter {display:block;}
	.radiobox  {width:100%;}
	.radiobox ul {justify-content:flex-start; font-size:18px; line-height:20px; margin:20px 0 0 0;}
	.radiobox ul label {width:50%;}
	.radiobox ul label span {width:20px; height:20px;}

	.informbox, .informbox2 {margin:0 0 15px 0;}
	.informbox2 label {margin:0 0 10px 0;}
	.informcontentbox .informbox:nth-child(1) {margin-right:0;}
	.informcontentbox .informbox:nth-child(2) {margin-left:0;}
	.informbox, .informbox2 {padding:20px;}
	.informbox label, .informbox2 label {width:60px; font-size:16px; line-height:22px;}
	.informbox input[type="text"], .informbox input[type="tel"], .informbox input[type="email"] {font-size:16px; line-height:22px; width:calc(100% - 60px);}
	.informbox2 textarea {height:182px; font-size:16px; line-height:22px;}
	.upload_but {text-align:center; margin-top:40px;}
	.upload_but input[type="submit"] {width:100%; height:50px; font-size:20px;}
	
	.postnumber li {width:36px; height:36px; font-size:24px; line-height:36px;}
	.postnumber li img {width:36px;}
	
	.post_detailed {padding:30px 0; font-size:14px; line-height:24px; letter-spacing:-0.25px;}
	.manager_reply h2, .commenttop p {font-size:20px; line-height:24px;}
	.manager_reply p {font-size:14px; line-height:24px;}
	#counseling .gopost button {max-width:400px; width:100%; height:60px; font-size:20px;}
}

@media all and (max-width:767px) {
	.inquirybox_title, .postlist .post, .commentinputbox .simple_infor {display:block;}
	.postlist .number, .simple_infor label span {display:none;}
	
	.inquirybox_title {border-bottom:none; height:140px;}
	.inquirybox_title .counseling_number {line-height:70px; text-align:center; margin-left:0; border-bottom:2px solid #222;}
	.mbposttop {display:flex; align-items:center; justify-content:space-between; height:70px; border-bottom:1px solid #c5c5c5;}
	.mbposttop .selectBox {width:225px;}
	.mbposttop .writingbutton button {width:100px; height:58px; border-radius:6px;}
	.mbposttop .selectBox .label, .mbposttop .selectBox .optionList, .mbposttop .writingbutton button {font-size:18px;}
	.postlist .post {height:auto; padding:20px 0;}
	.postlist .mbcont, .postlist ul .posttitle {width:100%;}
	.postlist .mbcont li:nth-child(1), .postlist .mbcont li:nth-child(2) {width:auto;}
	.postlist .mbcont li:nth-child(1):after {content:'|'; margin:0 10px;}
	.postlist ul li {font-size:12px; line-height:18px; letter-spacing:-0.22px;}
	.postlist ul .posttitle {font-size:18px; line-height:28px; letter-spacing:-0.32px; margin:15px 0;}
	.postlist ul .posttitle .secret {width:28px; height:28px;}
	.postnumber {margin-top:40px;}
	
	.passwordbox label {width:80px;}
	.passwordbox input[type="text"] {width:calc(100% - 80px);}
	
	.postcontent03 h3 {font-size:24px; line-height:33px; letter-spacing:-0.43px;}
	.list_gobox {margin:20px 0 0 0;}
	.list_gobox .gopost {width:40px; height:40px;}
	
	.commentinputbox {padding:10px;}
	.commentinputbox .simple_infor label {width:100%;}
	.simple_infor label input[type="text"] {width:100%; margin-left:0;}
	.simple_infor label .simpleinfor_password {margin-top:10px;}
	.commentinputbox textarea {height:94px;}
	.commentinputbox > .comment_butbox {justify-content:center;}
	.commentinputbox > .comment_butbox button {width:50%; height:36px; border-radius:6px;}
	.commentinputbox > .comment_butbox button:hover {color:#fff; text-decoration:none;}
	.comment_butbox .cancel {background:#828282; color:#fff; border-right:none; margin-right:2.5px;}
	.comment_butbox .signup {background:#e61c3a; color:#fff; margin-left:2.5px;}
	.reply1, .reply2 {padding:30px 0;}
}
@media all and (max-width:370px) {
	.inquirybox_title .counseling_number {font-size:18px;}
	.mbposttop .selectBox {width:160px;}
	.mbposttop .writingbutton button {width:76px; height:58px; border-radius:6px;}
	.mbposttop .selectBox .label, .mbposttop .selectBox .optionList, .mbposttop .writingbutton button {font-size:16px;}
}

.tab-content2 {display:none; background:#fff;}
.tab-content2.current2 {display:inherit;}

.faqbutton {width:100%; display:flex; align-items:center;}
.tabs2 {width:50%; display:flex; align-items:center; justify-content:space-around; margin:80px 0 60px 0;}
.tabs2 .tab-link {width:180px; height:220px; position:relative; background:#b5b5b5; color:#fff; border-radius:6px; text-align:center;}
.tabs2:nth-child(1) .tab-link:nth-child(2) {margin:0 5px 0 10px;}
.tabs2:nth-child(2) .tab-link:nth-child(1) {margin:0 10px 0 5px;}
.tabs2 > li.current2 {background:#da002a;}
.tabs2 .tab-link ul {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.tabs2 .tab-link ul li {font-size:24px; line-height:28px; letter-spacing:-1.8px; margin-bottom:36px; width:180px;}

.accordion {--bs-accordion-border-color:none; --bs-accordion-active-color:none; --bs-accordion-btn-focus-box-shadow:none; --bs-accordion-btn-bg:#f7f7f7; --bs-accordion-active-bg:#f1edea;}
.accordion-item {margin-bottom:20px; border-radius:6px; text-align:left; letter-spacing:-1.8px; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16);}
.accordion-button::after {width:30px; height:30px; background:url(../images/askdown_icon.png) no-repeat;}
.accordion-button:not(.collapsed)::after {width:30px; height:30px; background:url(../images/askup_icon2.png) no-repeat; --bs-accordion-btn-icon-transform: rotate(-180deg);}
.accordion-item .accordion-header .accordion-button:not(.collapsed) {border:1px solid #b8a494; border-bottom:none; border-radius:6px 6px 0 0;}
.accordion-item .accordion-header .accordion-button {padding:30px; font-size:25px; line-height:34px; letter-spacing:-0.8px; font-weight:bold; border-bottom:none; border-radius:6px;}
.accordion-item .accordion-body {padding:0 30px 30px 30px; font-size:18px; line-height:36px; letter-spacing:-0.8px; background:#f1edea; border:1px solid #b8a494; border-top:none; border-radius:0 0 6px 6px;}

@media all and (min-width:540px) and (max-width:767px) {
	.tabs2 .tab-link {width:calc(100 / 4); height:180px; margin-left:5px; max-width:140px;}
	.tabs2:nth-child(1) .tab-link:nth-child(1) {margin-left:0px;}
	.tabs2 .tab-link ul li {font-size:20px; line-height:24px; margin-bottom:20px; width:120px;}
	.tabs2 .tab-link ul img {height:50px;}
	.accordion-button::after {width:28px; height:28px; background-size:cover;}
	.accordion-button:not(.collapsed)::after {width:28px; height:28px; background-size:cover;}
	.accordion-item .accordion-header .accordion-button {padding:22px; font-size:20px; line-height:26px;}
	.accordion-item .accordion-body {padding:0 22px 22px 22px; font-size:16px; line-height:26px;}
}
@media all and (min-width:375px) and (max-width:539px) {
	.faqbutton {display:block;}
	.tabs2:nth-child(1) {width:100%; margin:40px 0 8px 0;}
	.tabs2:nth-child(2) {width:100%; margin:8px 0 40px 0;}
	.tabs2:nth-child(1) .tab-link:nth-child(2) {margin:0;}
	.tabs2:nth-child(2) .tab-link:nth-child(1) {margin:0 8px 0 0;}
	.tabs2 .tab-link {width:calc(100% / 2); height:70px;}
	.tabs2 .tab-link:nth-child(1) {margin-right:8px;}
	.tabs2 .tab-link ul {display:flex; align-items:center; justify-content:space-between; width:100%; padding:0 10px;}
	.tabs2 .tab-link ul li {font-size:18px; line-height:20px; margin-bottom:0; width:calc(100% - 45px); text-align:left;}
	.tabs2 .tab-link ul img {height:34px;}
}
@media all and (min-width:450px) and (max-width:539px) {
	.accordion-item {margin-bottom:16px;}
	.accordion-button::after {width:24px; height:24px; background-size:cover;}
	.accordion-button:not(.collapsed)::after {width:24px; height:24px; background-size:cover;}
	.accordion-item .accordion-header .accordion-button {padding:22px; font-size:20px; line-height:24px;}
	.accordion-item .accordion-body {padding:0 22px 22px 22px; font-size:16px; line-height:26px;}
}
@media all and (min-width:375px) and (max-width:449px) {
	.accordion-item {margin-bottom:16px;}
	.accordion-button::after {width:22px; height:22px; background-size:cover;}
	.accordion-button:not(.collapsed)::after {width:22px; height:22px; background-size:cover;}
	.accordion-item .accordion-header .accordion-button {padding:16px; font-size:18px; line-height:22px;}
	.accordion-item .accordion-body {padding:0 16px 16px 16px; font-size:14px; line-height:22px;}
}
@media all and (max-width:374px) {
	.faqbutton {display:block;}
	.tabs2:nth-child(1) {width:100%; margin:40px 0 6px 0;}
	.tabs2:nth-child(2) {width:100%; margin:6px 0 40px 0;}
	.tabs2 .tab-link {width:calc(100% / 2); height:60px;}
	.tabs2 .tab-link:nth-child(1) {margin-right:6px;}
	.tabs2 .tab-link ul {display:flex; align-items:center; justify-content:space-between; width:100%; padding:0 10px;}
	.tabs2 .tab-link ul li {font-size:16px; line-height:18px; margin-bottom:0; width:calc(100% - 28px); text-align:left;}
	.tabs2 .tab-link ul img {height:24px;}

	.accordion-item {margin-bottom:12px;}
	.accordion-button::after {width:20px; height:20px; background-size:cover;}
	.accordion-button:not(.collapsed)::after {width:20px; height:20px; background-size:cover;}
	.accordion-item .accordion-header .accordion-button {padding:12px; font-size:14px; line-height:20px;}
	.accordion-item .accordion-body {padding:0 12px 12px 12px; font-size:12px; line-height:16px;}
}

/* 화주,기사 플랫폼 */
#platform_accordionbox {margin:60px 0 0 0; font-family:Pretendard;}
#platform_accordionbox .accordion-item .accordion-header .accordion-button:not(.collapsed) {padding:30px; border:1px solid #b5b5b5; background:#f3f3f3;}
#platform_accordionbox .accordion-item .accordion-body {max-height:600px; height:auto; padding:0; background:#fff; border:1px solid #b5b5b5; border-top:none;}
#platform_accordionbox .accordion-button {padding:30px; border:1px solid #bebebe;}
.join_terms {padding:30px; height:540px; overflow-y:scroll;}
.join_terms::-webkit-scrollbar {width:10px;}
.join_terms::-webkit-scrollbar-thumb {background:#ededed;}
.join_terms::-webkit-scrollbar-track {background:rgba(237,237,237, .4);}
.join_terms h3 {font-size:20px; font-weight:700; margin-bottom:20px;}
.join_terms h4 {font-size:18px;  font-weight:700; margin-bottom:10px;}
.join_terms div {margin-bottom:20px; font-size:16px; line-height:22px; font-weight:400;}
.join_terms div ul li {margin-bottom:2px;}
.join_terms div > ul {counter-reset:circle 0;}
.join_terms div > ul > li {padding-left:20px; position:relative; font-size:16px; line-height:22px; font-weight:400; color:#000;}
.join_terms div > ul > li::before {position:absolute; top:2px; left:3px; counter-increment:circle 1; content:counter(circle); font-size:10px; line-height:14px;}
.join_terms div > ul > li::after {content:''; position:absolute; top:2px; left:0; display:inline-block; width:14px; height:14px; border-radius:50%; border:1px solid #333;}
.join_terms div ul > ul {padding-left:16px; margin-left:16px;}
.join_terms .side_text01 li {list-style:square;}
.join_terms .side_text02 li {list-style:disc;}
.join_terms .side_text03 li {list-style:circle;}
.join_terms .side_text04 {margin-left:0;}
.join_terms .side_text05 li {list-style:hangul;}
.join_terms div + h3 {margin-top:50px;}
.join_terms table {width:100%; margin:6px 0; border-collapse:collapse; word-wrap:break-word;}
.join_terms th, .join_terms td {padding:4px 6px; font-size:16px; line-height:22px; font-weight:400; text-align:left; border:1px solid #cfcfcf;}
.join_terms th {background:#efefef;}
.join_terms td .table_ul li {list-style:disc;}
.join_terms td h6 {font-size:12px; line-height:16px; font-weight:700;}
.join_terms ul .style_none {list-style:none;}

@media all and (max-width:767px) {
	#platform_accordionbox .accordion-button, #platform_accordionbox .accordion-item .accordion-header .accordion-button:not(.collapsed) {padding:20px;}
	#platform_accordionbox .accordion-item .accordion-body {padding:0;}
}
@media all and (max-width:540px) {
	#platform_accordionbox .accordion-item .accordion-body {padding:0;}
	.join_terms {padding:22px;}
}

/* 상세페이지 */
.detailedpage {width:100%;}
.updateline {width:100%; height:2px; background:#222; margin:0; opacity:1;}
.detailedpage h2 {font-size:48px; line-height:50px; letter-spacing:-0.86px; font-weight:600;}
.detailedpage .topcont {margin:20px 0; display:flex; align-items:center; justify-content:space-between;}
.detailedpage .topcont li {font-size:14px; line-height:56px; letter-spacing:-0.25px;}
.detailedpage .topcont a li {width:56px; height:56px; background:url(../images/list_icon.png) no-repeat; background-size:cover; transition:all .4s;}
.detailedpage .topcont a li:hover {background:url(../images/hlist_icon.png) no-repeat; background-size:cover;}
.detailedpage .updatecontent {margin:80px 0; font-size:16px; line-height:38px; letter-spacing:-0.29px;}
.prev_nextbutton {margin:25px 0 60px 0; width:100%; display:flex; align-items:flex-start; justify-content:space-between;}
.prev_nextbutton ul li span {display:block; width:8px; height:16px; background:url(../images/update-left.png) no-repeat; background-size:cover;}
.prev_nextbutton ul li:nth-child(1) {display:flex; align-items:center; font-size:20px; line-height:20px; letter-spacing:-0.36px;}
.prev_nextbutton ul li:nth-child(1) span {margin:0 20px 0 0;}
.prev_nextbutton ul:nth-child(2) li:nth-child(1) {justify-content:flex-end;}
.prev_nextbutton ul:nth-child(2) li:nth-child(1) span {transform:rotate(180deg); margin:0 0 0 20px;}
.prev_nextbutton ul li:nth-child(2) {margin:22px 0 0 0; font-size:20px; line-height:24px; letter-spacing:-0.36px; color:#b7b7b7; font-weight:400;}

.webtoonimg {max-width:600px; margin:0 auto;}

@media all and (max-width:767px) {
	.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;}
}

@media all and (max-width:767px) {
	.mobile {display:block !important;}
	.web {display:none !important;}

	.sub_maintitle {font-size:34px; line-height:42px;}
	.sub_maintitle .titleline {margin:40px auto; width:50px; height:2px;}
}

/* 약관 */
.agree_edge {height:100vh; background:#f2f4f6; font-family:Pretendard;}
.agree_contents {margin:0 auto; max-width:1200px; height:100%; text-align:center;}
.agree_contents img {width:149px; margin:40px 0 30px 0;}
.agree_contents > h2 {font-size:28px; line-height:34px; font-weight:800;}
.agree_contents > p {margin-top:10px; font-size:16px; line-height:19px; font-weight:500; color:#9b9b9b;}

.agree_contents .joing_tab {margin-top:20px; display:flex; align-items:center;}
.agree_contents .joing_tab ul {display:flex; align-items:center; width:100%;}
.agree_contents .joing_tab ul a {width:100%;}
.agree_contents .joing_tab li {height:40px; text-align:center; font-size:14px; line-height:40px; font-weight:500; background:#fff; color:#9b9b9b; border:1px solid #dedede;}
.agree_contents .joing_tab .show {background:#ffe3e9; color:#da002a; border:1px solid #da002a;}

.agree_contents .join_agreedetail {padding:40px; margin-top:30px; height:calc(100% - 290px); background:#fff; border-radius:10px; text-align:left;}
.agree_contents .join_agreedetail .okbtn {margin-top:20px; width:100%; height:60px; font-size:20px; font-weight:800; border-radius:10px; background:#da002a; color:#fff; transition:all .4s;}
.agree_contents .join_terms {padding:0; height:100%; overflow-y:scroll;}
.agree_contents .join_terms h3 {font-size:16px; font-weight:700; margin-bottom:20px;}
.agree_contents .join_terms h4 {font-size:14px;  font-weight:700; margin-bottom:10px;}
.agree_contents .join_terms div {margin-bottom:20px; font-size:12px; line-height:16px; font-weight:400;}
.agree_contents .join_terms div ul li {margin-bottom:2px;}
.agree_contents .join_terms div > ul {counter-reset:circle 0;}
.agree_contents .join_terms div > ul > li {padding-left:16px; position:relative; font-size:12px; line-height:16px; font-weight:400; color:#000;}
.agree_contents .join_terms div > ul > li::before {position:absolute; top:2px; left:3px; counter-increment:circle 1; content:counter(circle); font-size:9px; line-height:11.5px;}
.agree_contents .join_terms div > ul > li::after {content:''; position:absolute; top:2px; left:0; display:inline-block; width:12px; height:12px; border-radius:50%; border:1px solid #333;}
.agree_contents .join_terms div ul > ul {padding-left:16px; margin-left:16px;}
.agree_contents .join_terms ul .style_none {list-style:none;}
.agree_contents .join_terms ul .a_imgbox {max-width:768px; width:100%;}
.agree_contents .join_terms .side_text01 li {list-style:square;}
.agree_contents .join_terms .side_text02 li {list-style:disc;}
.agree_contents .join_terms .side_text03 li {list-style:circle;}
.agree_contents .join_terms .side_text04 {margin-left:0;}
.agree_contents .join_terms .side_text05 li {list-style:square;}
.agree_contents .join_terms div + h3 {margin-top:50px;}
.agree_contents .join_terms table {border:1px solid #cfcfcf; margin-top:6px; border-collapse:collapse;}
.agree_contents .join_terms th, .agree_contents .join_terms td {font-size:12px; line-height:16px; font-weight:400; text-align:left; padding:4px 6px;}
.agree_contents .join_terms th {background:#efefef;}
.agree_contents .join_terms td .table_ul li {list-style:disc;}
.agree_contents .join_terms::-webkit-scrollbar {width:6px;}
.agree_contents .join_terms::-webkit-scrollbar-track {background:#fff; border-radius:0 0 30px 0; margin:2px 0;}
.agree_contents .join_terms::-webkit-scrollbar-thumb {background:#d8d8d8; border-radius:6px;}

.a_imgbox {width:100%;}

@media all and (max-width:1210px) {
	.agree_contents {margin:0 20px;}
}
@media all and (max-width:767px) {
	.agree_contents .joing_tab {display:block;}
	.agree_contents .join_agreedetail {height:calc(100% - 330px);}
}