@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/variable/pretendardvariable-dynamic-subset.css");

	html, body, a{font-size:16px;}
	body, pre,table, th, td, p, li, span, a,input {
		font-family: "Pretendard Variable", sans-serif;
		font-weight: 400;
		text-rendering: optimizeLegibility;
		-webkit-font-smoothing: antialiased;
	}
	/*padding*/
	.padding_03{padding: 60px 15px;}

	/*hover 애니메이션*/
	.topMenu .btn_estimate,header.top .pc .logo a img,
	.topVisual .btn_estimate{
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	/*mobile View*/
	header.top .pc{display:none;}

	/*swiper*/
	.swiper-container-horizontal>.swiper-scrollbar {
		height: 1px !important;
	}

	/*공통상단*/
	header {
		position: fixed;
		left: 0px;
		width: 100%;
		z-index: 9;
		min-width: 100%;
	}
	header .logo img{width:120px;}
	header.top .pc{
		padding:30px;
	}
	header.top .mobile,.why_nowpacking,.customer_story{padding: 15px 15px 10px 15px;}
	header.top .mobile .logo{
		padding:0px;
		margin:0px;
	}
	.topMenu ul, .topMenu li {
	  margin: 0;
	  padding: 0;
	}
	.topMenu li {
	  position: relative;
	  width:auto;
	}
	.topMenu ul li ul li a{
		font-size: 15px;
		color: #00a661;
		font-weight: bold;
		margin: 0px 10px;
		padding-bottom: 3px;
		line-height: 35px;
		display: block;
		text-align: left;
	}
	#submenu,#submenu01,#submenu02,#submenu03,#submenu04,#submenu05 {
	  left: 0px;
	  opacity: 0;
	  position: absolute;
	  top: 35px;
	  visibility: hidden;
	  z-index: 1;
	  background:#00a661;
	  border-radius:10px;
	  padding:15px;
	  width:140px;
	}
	li:hover ul#submenu,li:hover ul#submenu01,li:hover ul#submenu02,li:hover ul#submenu03,li:hover ul#submenu04,li:hover ul#submenu05,li:hover ul#submenu06 {
	  opacity: 1;
	  top: 35px;
	  visibility: visible;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	#submenu li,#submenu01 li,#submenu02 li,#submenu03 li,#submenu04 li,#submenu05 li,#submenu06 li {
	  float: none;
	  width: 100%;
	}
	#submenu a:hover,#submenu01 a:hover,#submenu02 a:hover,#submenu03 a:hover,#submenu04 a:hover,#submenu05 a:hover,#submenu06 a:hover {
	  border-bottom:1px solid rgba(255,255,255,0.5);
	  color:#ffffff;
	}
	#submenu a,#submenu01 a,#submenu02 a,#submenu03 a,#submenu04 a,#submenu05 a,#submenu06 a {
		color:rgba(255,255,255,0.6);
		text-align:left;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	.topMenu a{
		font-size: 17px;
		color: #00a661;
		font-weight: bold;
		margin: 0px 40px 0px 0px;
		padding-bottom: 3px;
		line-height: 35px;
		display: block;
		text-align: left;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	.topMenu a:hover{
		color: #088a54;
	}
	.topMenu .logo{
		padding:0px;
		margin:0px;
	}
	.topMenu .logo a{
		line-height:0px;
	}
	.topMenu .btn_estimate{
		background: #ffffff;
		border: 2px solid #00a661;
		border-radius: 6px;
		padding: 12px 20px;
		color: #00a661;
		font-weight: bold;
		font-size: 17px;
		box-shadow: rgba(0,166,97,0.2) 5px 5px 10px;
		font-family:Pretendard Variable, sans-serif;
		cursor: pointer;
		/*width:140px;*/
		width:fit-content;
	}
	.topMenu .btn_estimateWrap{
		position: absolute;
		right: 0px;
	}
	.topMenu .btn_estimate svg{
		fill: #00a661;
		width: 17px;
		height: 17px;
	}
	.topMenu .btn_estimate:hover{
		background: #00a661;
		border: 2px solid #00a661;
		color: #ffffff;
	}
	.topMenu .btn_estimate:hover svg{
		fill:#ffffff;
		color:#ffffff;
		margin-right:-10px;
	}
	/*모바일 오픈메뉴*/
	#left_menu {
		position: fixed;
		top: 0;
		left: -100%;
		width: 100%;
		height: 100%;
		z-index: 9999;
		background-color: rgba(255, 255, 255, 1);
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		overflow: hidden;
		opacity: 0;
		-webkit-transition: opacity 0.5s ease;
		transition: opacity 0.5s ease;
	}
	.left_nav {
		width: 100%;
		padding: 30px 15px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		height: 100%;
		overflow: hidden;
		overflow-y: scroll;
		color: #f6f6f6;
		font-size: 14px;
		position: absolute;
		top: 0px;
		left: -100%;
		-webkit-overflow-scrolling: touch;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	.left_close {
		color: #ffffff;
		position: absolute;
		font-size: 55px;
		right: 10px;
		top: 17px;
		z-index: 9999;
		font-weight: 300;
	}
	#left_menu.on {
		left: 0;
		opacity: 1;
		-webkit-transition: opacity 0.5s ease;
		transition: opacity 0.5s ease;
	}
	#left_menu.on .left_nav {
		left: 0;
	    background: #00a661;
	}
	[data-sidebar] {
		display: none;
		position: fixed;
		top: 0px;
		right: 0px;
		width: 250px;
		height: 100%;
		background: #ffffff;
		overflow-y: auto;
		z-index: 2000;
	}
	.left_category li {
		line-height: 4em;
		font-weight: bold !important;
		font-size: 1.2em !important;
		color: #3b3b3b;
		letter-spacing: -0.5px;
		float: unset !important;
	}
	.left_category li a{
		color: #ffffff;
		font-size: 1.5rem;
		font-weight: bold;
		letter-spacing: 0px;
	}
	.left_login {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.left_login>div, .basic_btn_area .join_bt {
		background: #3478f6;
		color: #FFFF00 !important;
		border: 1px solid #3478f6 !important;
	}
	.left_login>div+div, .order_wrap .delivery_title .basic_button, .rewards_cnt {
		color: #3478f6 !important;
		border: 1px solid #3478f6 !important;
	}
	.left_login>div+div {
		background: #fff;
		color: #333333;
	}
	.left_login>div {
		border: 1px solid #222222;
		background: #222222;
		color: #fff;
		font-size: 0.9em;
		text-align: center;
		padding: 0 15px;
		line-height: 2.2em;
		font-weight: 500;
		border-radius: 30px;
		margin-right: 5px;
	}
	.left_category .quick_category_list_se {
		display: none;
		overflow: hidden;
		padding: 0px 15px 15px 15px;
		background:none;
	}
	.left_category .quick_category_list_se a{
		display: none;
		overflow: hidden;
	    font-size: 1.1rem;
		color: rgba(255,255,255,0.8);
		line-height: 2rem;
	}
	.left_category>ul>li>ul {
		padding: 15px;
	}
	.quick_category_list_se {
		display: none;
	}

	/*공통body*/
	.list_type02{padding:0px 15px;box-sizing:border-box;}
	.list_type02 li {
		width: 100%;
		margin: 0%;
	}
	.list_type02 li .detailMeno img{
		border-radius:15px;
	}

	.tapWrap.language .tab{
		display: flex;
		justify-content: flex-end;
	}
	.tapWrap.language .tab li a{
		border: 1px solid rgba(0,0,0,0.2);display: flex;padding: 10px;border-radius: 50px;width: 27px;height: 27px;justify-content: center;align-items: center;font-weight: bold;color:rgba(0,0,0,0.4);
	}
	.tapWrap.language .tab li+li{	margin-left:10px;}

	.tapWrap.language .tab li a.selected{
		border: 1px solid #00ca76;color:#00ca76;display: flex;padding: 10px;border-radius: 50px;width: 27px;height: 27px;justify-content: center;align-items: center;font-weight: bold;
		box-shadow:rgba(0,166,97,0.2) 5px 5px 10px;
	}
	.tapWrap.language  .tab li a.selected::after{display:none;}

	/*table*/
	.tableWrap{
	  width: 100%;
	  margin: 0 auto;
	  overflow-x: scroll;
	}
	.table_type01{
		border: 1px solid rgba(0,0,0,0.1);
	    /*width: 100%;*/
		border-spacing: 0px;
	    border-collapse: separate;
		width: 760px;
	}
	.table_type01 th{
		background:#f5f5f7;
		text-align:center !important;
	}
	.table_type01 .total01{font-size:20px;font-style:italic;letter-spacing:-1px;}
	.table_type01 .total02{font-size:20px;font-style:italic;font-weight:bold;letter-spacing:-1px;}

	/*버튼*/
	.btn-more{
	float: right;font-size: 20px;color: rgba(0,0,0,0.3);font-weight: bold;letter-spacing: 0px;display: flex;align-items: center;
	}
	.btn-more svg{fill: rgba(0,0,0,0.3);width: 20px;height: 20px;}

	/*sticky 적용*/
	table tr td:first-child,table tr th:first-child{
	  position: -webkit-sticky; 
	  position: sticky; 
	  left: 0px;
	}
	.table_type01 th,.table_type01 td{
		border-bottom: 1px solid rgba(0,0,0,0.1);
		border-left: 1px solid rgba(0,0,0,0.1);
		padding:10px;
		font-size:16px;
		color:#333d4b;
		text-align:right;
		line-height:30px;
	}
	.table_type01 th:nth-child(1),.table_type01 td:nth-child(1){
		border-right: 1px solid rgba(0,0,0,0.1);
	}
	.table_type01 td:nth-child(1){
		font-weight:bold;
		text-align:left !important;
		background:#ffffff;
	}
	.table_redBg{background:#f21854 !important;color:#ffffff !important;}
	.table_redFont{color:#f21854 !important;font-weight:bold !important;}
	.table_grayBg{background:#b4b7bd !important;color:#ffffff !important;}
	.table_grayBg01{background:#f0f1f2 !important;}
	.table_redLine{border-left:2px solid #f21854 !important;border-right:2px solid #f21854 !important;}
	.table_redLine1{border-left:2px solid #f21854 !important;border-right:2px solid #f21854 !important;border-bottom:2px solid #f21854 !important;}
	.table_grayLine{border-right:2px solid rgba(0,0,0,0.2) !important;}
	.table_grayLine1{border-right:2px solid rgba(0,0,0,0.2) !important;border-bottom:2px solid rgba(0,0,0,0.2) !important;}


	/*mainBody_default*/
	h3{
		color:#333d4b;
		font-size:24px;
		padding:0px;
		margin:15px 0px;
	}
	p{
		padding: 0px;
		margin: 15px 0px;
	}
	#main .topVisual .pc{display:none;}
	#main section h2{
		color: #333d4b;
		font-size: 2rem;
		font-weight: bold;
		text-align: left;
		letter-spacing: -2px;
		margin-bottom: 40px;
		line-height: 2.3rem;
		letter-spacing: 0px;
	  }
	  #main section h2 span{
		font-size: 2rem;
		font-weight:bold;
	  }
	#main .estimate h2{color:#ffffff;}
	.logistics_center .leftZone{
		padding: 0px 15px;
	    box-sizing: border-box;
	}
	#main .partners h2,#main .estimate h2,#main .why_nowpacking explain h2{
		text-align:center;
	}
	.explain{
		line-height:30px;
		font-weight:bold;
		color:#6f7680;
	}
	.topWrap .top h2,.h_area2 h2{
		color:#11744b;
		font-weight:bold;
	}
	.topWrap .top,.h_area2 h2{
		border-bottom:13px solid #f4f4f4;
		display: block;
		padding: 0px 15px;
	}
	.h_area2 h2{
		background: none;
		padding: 10px 12px 10px 35px;
		display: block;
		font-size: 1.5em;
		font-weight: bold;
		text-align: left;
	}
	.h_area2 .btn_prev {
		top: 12px;
	}
	.topWrap .top svg{
		width: 23px;
		height: 23px;
		fill: #929396;
	}
	.topWrap .top p{
		color:#8f8f93;
	    display: none;
	}	


	/*main-visual*/
	#main .topVisual .mobile.img{
		background: url(/html/images/mobile-top-visualImg-01.jpg)no-repeat;
		width: 100%;
		height: 630px;
		background-position: bottom center;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
		text-align: center;
		background-size: 100%;
		box-sizing: border-box;
	} 
	#main .topVisual .mobile .copyWrap{
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
		text-align: center;
		margin-top: 40px;
	}
	#main .topVisual .mobile h2{
		color: #02be6e;
		font-size: 2.3rem;
		font-weight: bold;
		margin: 0px;
		text-align: center;
		line-height: 2.8rem;
		margin: 0px 0px 15px 0px;
	} 
	#main .topVisual .mobile .explain{
		font-size: 0.94rem;
		color: #7a817e;
		line-height: 1.3rem;
		font-weight: normal;
		margin: 0px 0px 30px 0px;
	} 

	/*sub-visual*/
	.topVisual .copy{
		color:#333d4b;
		font-weight:bold;
		width:80%;
		line-height: 2.095rem;
	}
	.topVisual .inner .img{
		width: 100%;
		height: 350px;
		padding: 15px;
	}
	/*sub-visual-서비스소개*/
	.topVisual .inner .img .cmnWidth01{
		width: 100%;
	}
	.sub_service .topVisual .inner .img,.sub_service01 .topVisual .inner .img,.sub_service02 .topVisual .inner .img,.sub_service03 .topVisual .inner .img{
		background: #f3fcf9 url(/html/images/top-subvisualImg-01.jpg)no-repeat;
		background-position: 80% 100%;
		background-size: 280%;
	}
	/*sub-visual-물류품질*/
	.sub_logistics-quality .topVisual .inner .img,.sub_logistics-quality01 .topVisual .inner .img,.sub_logistics-quality02 .topVisual .inner .img{
		background: #f3fcf9 url(/html/images/top-subvisualImg-02.jpg)no-repeat;
		background-position: 80% 100%;
		background-size: 280%;
	}
	/*sub-visual-요금안내*/
	.service-charge .topVisual .inner .img{
		background: #f3fcf9 url(/html/images/top-subvisualImg-03.jpg)no-repeat;
		background-position: 70% 100%;
		background-size: 280%;
	}
	/*sub-visual-고객지원*/
	.sub_customerSupport .topVisual .inner .img{
		background: #f3fcf9 url(/html/images/top-subvisualImg-04.jpg)no-repeat;
		background-position: 70% 100%;
		background-size: 280%;
	}


	.topVisual h2 {
		color: #000000;font-size: 2em;font-weight: bold;line-height: 1.5em;letter-spacing: -5px;
	}
	.topVisual .inner img{width: 100%;}
	.topVisual .mobile .btn_estimate{
		margin-bottom:120px;
	}
	.topVisual .btn_estimate{
		border: 2px solid #00a661;
		border-radius: 6px;
		padding: 18px 27px;
		color: #00a661;
		font-weight: bold;
		font-size: 20px;
		width:260px;
		text-align:center;
		box-shadow: rgba(0,166,97,0.2) 5px 5px 10px;
		background: #00a661;
		border: 2px solid #00a661;
		color: #ffffff;
		font-family:Pretendard Variable, sans-serif;
		margin-bottom: 85px;
		cursor: pointer;
	}
	.topVisual .btn_estimate:hover{
		background: #007d49;
		border: 2px solid #007d49;
	}
	.topVisual .btn_estimate svg{
		width:20px;
		height:20px;
		fill:#ffffff;
	}


	/*main-왜 나우패킹이어야 하는가?*/
	.why_nowpacking .pc.list{display:none;}
	.why_nowpacking .mobile.list{display:block;}

	.mobile.list .product_img{
		height: 63vw;
	}
	.mobile.list .circle h2{
		font-size: 1.3rem !important;
		line-height: 2rem !important;
		letter-spacing: 0px !important;
		width: 100%;
		margin-bottom: 0px !important;
	}

	.why_nowpacking .tapWrap .tab li{padding:20px 0px;}
	.why_nowpacking .swiper_type01 .swiper-pagination-bullet-active a{
		color:#02be6e;
		border-bottom:2px solid #02be6e;
	}

	.why_nowpacking .swiper-pagination-bullet a span{
		width:40px;
		height:40px;
		font-size:15px;
		display:block;
		color:rgba(111,118,128,0.3);
		display: flex;
		align-items: center;
		justify-content: center;
		margin-right:10px;
	}
	.why_nowpacking .swiper-pagination-bullet-active a span{
		width:40px;
		height:40px;
		border-radius:50%;
		background:#02be6e;
		font-size:15px;
		display:block;
		color:#ffffff;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.why_nowpacking .mobile h2{
		width:250px;
		margin-bottom: 20px !important;
	}
	.why_nowpacking .mobile .circle .explain{
		color: rgba(51,61,75,0.5) !important;
		line-height:1.6rem;
		letter-spacing: 0px !important;
		font-size:16px;
	}
	.why_nowpacking .swiper-container01 h2{
		margin-bottom: 30px !important;
		color: #ffffff !important;
		text-align: center !important;
		font-size:45px !important;
	}
	.why_nowpacking .leftMenu h2{
		color:#333d4b;
		text-align:left;
	}
	.why_nowpacking .leftMenu h2 .color_green{font-size:55px;font-weight:bold;}

	.why_nowpacking .list{
		list-style: none;
		flex-direction: row;
		padding-left: 0px;
	}
	.why_nowpacking .list li{
		line-height: 25px;
		letter-spacing: -1px;
		font-size:13px;
		width:100%;
	}
	.why_nowpacking .list li img{
		width:120px;
	}
	.why_nowpacking .body2{
		display: block;
		justify-content: space-between;
	}
	.why_nowpacking .body2 .list li img {
		width: auto;
		border-radius: 20px;
	}
	.why_nowpacking .body2 .list .panel{
		width:916px;
		float:right;
	}
	.why_nowpacking .body2 .list .panel .circle{
		border-radius: 50%;
		width: 700px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -350px;
		margin-top: -80px;
	} 
	.why_nowpacking .body2 .list .panel .circle .title{
		text-align:center;
		font-size:30px;
		font-weight:bold;
		color:#ffffff;
		line-height:35px;
	}
	.why_nowpacking .body2 .list .panel .circle .explain{
		text-align: center;
		font-size: 20px;
		font-weight: normal;
		color: rgba(255,255,255,0.9);
		line-height: 35px;
		padding: 0px;
		letter-spacing: -0.5px;
	}
	.why_nowpacking .body3{
		display: block;
		justify-content: space-between;
	}
	.why_nowpacking .body3 p {
		color: #666666;
		font-size: 0.7em;
		width: 100%;
		line-height: 1.6em;
	}
	.why_nowpacking .swiper-pagination-bullet {
		width: 17px;
		height: 17px;
		display: inline-block;
		border-radius: 100%;
		background: none;
		opacity: 1;
	}


	/*main-수도권 중심 물류센터 구축*/
	.logistics_center,.member{
		padding:80px 15px;
	}
	.logistics_center{
		display:block;
		background:#ebf5f2;
		padding: 40px 0px;
	}
	.logistics_center .mobile{display:block;}




	/*main-나우패킹과 함께한 고객story*/
	.customer_story .pc{display:none;}
	.customer_story .mobile{display:block;}
	.customer_story{
		margin:0px;
		background:#f8f9fa;
	}
	.customer_story .list{
		overflow:hidden;
		padding-left: 0px;
	}
	.customer_story .list li{
		list-style: none;
		font-size: 30px;
	}
	.customer_story .list li div,
	.customer_story .bg{
		position: relative;
		background-position: center;
		font-size: 0px;
		padding: 0px;
		text-align: left;
		line-height: 50px;
		border-radius: 20px;
		width:50%;
	}
	.customer_story .list li div .title{
		font-size: 26px;
		font-weight: bold;
		margin: 30px 0px 0px 0px;
		color: #333d4b;
		line-height:40px;
	}
	.customer_story .list li div .explain{
		font-weight: normal;
		line-height: 30px;
		font-size: 18px;
		color: rgba(51,61,75,0.5);
	}
	.customer_story .inner .title {
		text-align: left;
		font-size: 40px;
		font-weight: bold;
	}
	.customer_story .mobile .product_img{
		height: 63vw;
	}
	.customer_story .mobile .circle h2 {
		font-size: 1.3rem !important;
		line-height: 2rem !important;
		letter-spacing: 0px !important;
		width: 100%;
		margin-bottom: 0px !important;
	}
	.customer_story .mobile .circle .explain {
		color: rgba(51,61,75,0.5) !important;
		line-height: 1.6rem;
		letter-spacing: 0px !important;
	}

	/*main-나우패킹 서비스 주요기능*/
	.main_function .D-flexBetween{display:unset;}
	.main_function{background:#f3fcf9;}
	.main_function .tapWrap .panel li{
		background:#00a661;
		border-radius:12px;
		padding-top:100px;
	}
	.main_function .swiper_type01 .swiper-wrapper .swiper-slide{
		display: block;
		width: 330px;
		height: 60vw !important;
		font-size: 0px;
		line-height: 0%;
		border-radius: 12px;
		opacity: 1;
		transform: translate3d(0px, 0px, 0px);
		transition-duration: 0ms;
	}
	.main_function .swiper_type01 .swiper-wrapper .swiper-slide::before{
		position:absolute;
		top:0px;
		left:0px;
		content:'';
		width:100%;
		height:100%;
		background:rgba(0,0,0,0.3);
		border-radius:20px;
	}
	.main_function .swiper_type01 .swiper-wrapper .swiper-slide h2{
		color: #ffffff !important;
		text-align: center !important;
		margin: 40px 0px 0px 0px !important;
		padding: 0px;
	}
	.main_function .tapWrap  .swiper-2pagination li{
		padding:0px;
	}
	.main_function .explain{display:none;}
	.main_function .circle .explain{display:block;}	
	.main_function .list{
		display: flex;list-style: none;flex-direction: row;padding-left: 0px;
	}
	.main_function .body2 .list{
		display: block;
	}
	.main_function .body2 .list .panel{
		width:100%;
		float:unset;
	} 
	.main_function .body2 .list li img {
		width: auto;
		border-radius: 20px;
	}
	.main_function .body2 .list .panel .circle{
		border-radius: 50%;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -175px;
		margin-top: -100px;
		width:initial;
	} 
	.main_function .body2 .list .panel .circle .title{
		text-align:center;font-size:30px;font-weight:bold;color:#ffffff;
		line-height:40px;
	}
	.main_function .tapWrap .tab li a {
		font-size: 0px;
		width:15px;
		height:15px;
		border-radius:50%;
		line-height:15px;
		padding:0px;
	}
	.main_function .tapWrap .tab li a span{font-size: 0px;}
	.main_function .tapWrap .swiper-pagination-bullet-active a{
		background:#02be6e;
	}
	.main_function .tapWrap .tab {
		text-align:center;
		padding: 12px;
	}
	.main_function .swiper-container01 .circle .explain{
		position: relative;
		border-radius: 15px;
		padding: 20px 15px;
		font-size: 1rem;
		color: rgba(255,255,255,0.5);
		text-align: center;
		letter-spacing: -0.5px;
		line-height: 1.5rem;
	}

	/*
		.main_function .swiper-container01 .circle .explain{
		position: relative;
		background: #ffffff;
		border-radius: 15px;
		padding: 20px 15px;
		font-size: 1rem;
		color: rgba(51,61,75,0.85);
		width: 240px;
		text-align: left;
		box-shadow: rgba(0,98,48,0.8) 10px 20px 40px;
		color: #333d4b;
		letter-spacing: -0.5px;
		line-height: 1.5rem;
	}
	.main_function .swiper-container01 .circle .explain:after{
		content: "";
		border-top: 50px solid #ffffff;
		border-left: 0px solid transparent;
		border-right: 50px solid transparent;
		-ms-transform: rotate(-180deg);
		-webkit-transform: rotate(-180deg);
		transform: rotate(-270deg);
		position: absolute;
		bottom: -20px;
	}
	*/


	/*main-나우패킹과 함께하는 고객사*/

	.partners{padding-bottom:120px;}
	.partners .body {
		position:relative;
		overflow: unset;
	    height: auto;
	}

	.simply-scroll .simply-scroll-list {
		display: flex;
		width: 1000vw !important;
		align-items: center;
		height: 15vw;
	}
	/* 흘러가는 배너 */
	.rollingbanner .roller01{top:0px;}
	.rollingbanner01 .roller01{top:50px;}
	.rollingbanner > .wrap,.rollingbanner01 > .wrap01{
		position: relative;
		width: 100%;
		height: 40px;
		margin: 0px auto;
		box-sizing: border-box;
	}

	.rollingbanner .roller,.rollingbanner01 .roller01{
		position: absolute;
	}
	.rollingbanner .roller > ul,.rollingbanner01 .roller01 > ul{
		list-style: none;
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
	}
	.rollingbanner .roller > ul > li,.rollingbanner01 .roller01 > ul > li{
		padding:0px 10px;
		margin:0px;
		width:145px;
	}





	/*main-현재 내 물류 상황에 맞는 견적을 나우패킹에서 알아보세요!*/
	.estimate{
		background: #2f3744 url(/html/images/estimate_bg.jpg)no-repeat;
		background-position: 70%;
		background-size: cover;
	}
	.estimate h2{
		color:#ffffff;
	}
	.estimate button{
		font-size: 20px;
		font-weight: bold;
		border: 0px;
		padding: 20px;
		border-radius: 8px;
		width:260px;
		cursor: pointer;
	}
	.estimate button:hover{
		background: #007d49;
	}
	.estimate button svg{
		fill:#ffffff;
		width:20px;
		height:20px;
	}


	/*main-나우패킹 센터 안내*/
	.nowpacking_center ul li{
		display: flex;
		padding-bottom:5px;
		color: rgba(51,61,75,0.5) !important;
		font-size: 0.95rem;
	    align-items: flex-start;
	}
	.nowpacking_center h4{
		color:#333333;
		padding: 0px;
		margin: 0px;
	    font-size: 1.1rem;
	}
	.nowpacking_center ul li svg{
		width:20px;
		height:20px;
		fill:rgba(0,0,0,0.5);
	}


	/*서비스 소개- 국내 풀필먼트*/
	.sub_service .section01 .no{
		border-radius: 50%;
		background: #169661;
		width: 60px;
		height: 57px;
		padding: 0px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #ffffff;
		font-size: 2rem;
		font-style: italic;
		margin: 0px;
		position: relative;
	}
	.sub_service .section01 .stepList li .no:before {
		font-size: 1.5rem;
		font-weight: bold;
		font-style: italic;
		position: absolute;
	}
	.sub_service .section01 .stepList li:nth-child(1) .no:before {
		content: '1';
	}
	.sub_service .section01 .stepList li:nth-child(2) .no:before {
		content: '2';
	}
	.sub_service .section01 .stepList li:nth-child(3) .no:before {
		content: '3';
	}
	.sub_service .section01 .stepList li:nth-child(4) .no:before {
		content: '4';
	}
	.sub_service .section01 .stepList li:nth-child(5) .no:before {
		content: '5';
	}
	.sub_service .section01 .stepList li:nth-child(6) .no:before {
		content: '6';
	}
	.sub_service .section01 .stepList li:nth-child(7) .no:before {
		content: '7';
	}
	.sub_service .section01 .stepList li:nth-child(8) .no:before {
		content: '8';
	}
	.sub_service .section01 .stepList li:nth-child(9) .no:before {
		content: '9';
	}
	.sub_service .section01 .stepList li:nth-child(10) .no:before {
		content: '10';
	}
	.sub_service .section01 .stepList li:nth-child(11) .no:before {
		content: '11';
	}
	.sub_service .section01 .depth{width:100%;}
	.sub_service .section01 .depth .no{margin-right:10px;}
	.sub_service .section01 .depth .no:after{
		content: '';
		position: absolute;
		bottom: -2.7px;
		right: 11px;
		background: url(./images/icon_nero01.png) no-repeat;
		width: 40px;
		height: 20px;
	}
	.sub_service .section01 .stepList li{
		display:block;
	}
	.sub_service .section01 .depth div{
		width:calc(100% - 50px);
		padding-right: 15px;
	    box-sizing: border-box;
	}
	.sub_service .section01 .detailMenoWrap{
		width: 100%;
		padding-left: 9vw;
		box-sizing: border-box;
		padding-right: 15px;
	}
	.sub_service .section01 .detailMenoWrap .detailMeno{
		margin-bottom:23px;
		font-weight:normal;
		padding:15px;
	}
	.sub_service .section01 .detailMeno img{
		border-radius:50%;
		margin-right:10px;
	    width: 70px;
	}
	.sub_service .section01 .detailMeno .explain{color:#333d4b;margin:0px 0px 5px 0px;}
	.sub_service .section01 .detailMeno .explain h3{
		font-size:1.2rem;
		margin: 0px 0px 8px 0px;

	}
	.sub_service .section01 .detailMeno li {
		color: rgba(51,61,75,0.6);
		font-size: 17px;
		line-height: 20px;
		font-weight: normal;
		margin: 0px 0px 8px 0px;
		padding-left: 12px;
		background: url(/html/images/icon_point01.png)no-repeat;
		background-position: left;
	}
	.copy{color:#333d4b;font-size:1.8em;font-weight:bold;}
	.copy span{font-size:1em;font-weight:bold;}

	/*서비스 소개*/
	.sub_service03 .section01 .pc,.sub_service03 .section03 .pc{display:none;}
	.sub_service03 .section01 .mobile,.sub_service03 .section03 .mobile{display:block;}
	.sub_service03 .section01 .mobile,.sub_service03 .section03 .mobile{padding: 0px 15px;}
	.sub_service03 .section03 .mobile ul li img{border-radius: 15px;}
	.sub_service03 .section03 .mobile ul{margin-top:20px;}
	.sub_service03 .section03 .mobile ul .detailMeno .bg{border-radius:15px;}

	/*물류품질*/
	.sub_logistics-quality .section01 .pc,.sub_logistics-quality .section02 .pc,.sub_logistics-quality .section03 .pc{display:none;}
	.sub_logistics-quality .section01 .mobile,.sub_logistics-quality .section02 .mobile,.sub_logistics-quality .section03 .mobile{display:block;}
	.sub_logistics-quality .section01 .mobile,.sub_logistics-quality .section02 .mobile{padding: 0px 15px;}
	.sub_logistics-quality .section01 .mobile ul .detailMeno .bg{border-radius:15px;}
	.sub_logistics-quality01 .section03 ul .detailMeno .bg{
		border-radius:15px;
		background-size: 100%;
	    height: 57vw;
	}
	.sub_logistics-quality01 .section01 .F-p0{
		padding: 0px 15px;
		text-align: center;	
	}
	.sub_logistics-quality .F-p0{
		padding: 0px 15px;
		text-align:center;
	}
	.detailMeno .F-p0{
		text-align:left;
		padding:0px;
	}
	.sub_logistics-quality01 .partners_list{overflow:hidden;}
	.sub_logistics-quality01 .partners_list li{float:left;width:33%;height:85px;text-align:center;}
	.sub_logistics-quality01 .partners_list li img{width:100%;}
	.sub_logistics-quality01 .section03 .copy{width:100%;padding:0px 15px;}

	/*요금안내*/
	.service-charge .section01 .pc,.service-charge .section03 .pc{display:none;}
	.service-charge .section01 .mobile,.service-charge .section03 .mobile{display:block;}

	.service-charge .section02 .tableWrap colgroup col:nth-child(1){
		width:15%;
	}
	.service-charge .section02 .tableWrap colgroup col:nth-child(2),.service-charge .section02 .tableWrap colgroup col:nth-child(3),.service-charge .section02 .tableWrap colgroup col:nth-child(4){
		width:26.6%;
	}
	.service-charge .F-p0{
		padding: 0px 15px;
		text-align:center;
	}
	.service-charge .section01 .mobile,.service-charge .section03 .mobile{padding: 0px 15px;}
	.service-charge .section03 .mobile{margin-top:20px;}
	.service-charge .section03 .mobile ul .detailMeno .bg{border-radius:15px;}
	.service-charge .detailMeno .F-p0{
		text-align:left;
		padding:0px;
	}

	/*footer*/
	.logo_footer img{width:110px;}
	#footer{
		padding: 0px;
		letter-spacing:-0.5px;
		font-size:15px;
		background: #f7f7f8;
		position:relative;
	}
	#footer .viewTotalMenuBtn{
		border:0px;background:none;font-size: 17px;font-weight: bold;
		padding: 0px 20px 0px 0px;font-family:Pretendard Variable, sans-serif;cursor: pointer;
	}
	#footer span{
		display: inline-block;
		color: #666666;
		margin-right: 5px;
		border-right: 0px solid rgba(0,0,0,0.07);
		padding-right: 0px;
	    font-size: 0.95rem;
		color: rgba(51,61,75,0.5);
	}

	#footer p span:last-child{
		border-right:0px;
	}
	#footer div:nth-child(1){
		border-bottom: 1px solid rgba(0,0,0,0.09);
		border-top: 1px solid rgba(0,0,0,0.09);
		color: #333333;
		display:block;
	}
	#footer div .cmnWidth{
		border-bottom: 0px solid rgba(0,0,0,0.09);
		border-top: 0px solid rgba(0,0,0,0.09);
	}
	#footer div:nth-child(3) div:nth-child(1){border-bottom:0px;}
	#footer div:nth-child(1) ul,#footer div:nth-child(1) ul{
		margin:0px;
	}
	#footer div:nth-child(1) ul li {
		font-weight: bold;
	}
	#footer div:nth-child(1) ul li a{
		font-size:17px;
		font-weight: bold;
		color: #333;
	}
	#footer p{
		padding:0px;
		margin:0px 0px 10px 0px;
		color: rgba(51,61,75,0.5) !important;
	}
	#footer p .company_info{
		font-size:11px;
		border-radius:30px;
		padding:3px 10px;
		background:#858585;
		color:#ffffff;
		margin-left:5px;
	}
	#footer .nowpacking_center{
		border-top: 1px solid rgba(0,0,0,0.05);
		padding-left: 0px;
		padding: 30px 0px;
		margin-top:30px;
	}
	#footer .logo_footer{display:none;}
	#footer .companyInfo{
		display: block;
		padding: 30px 15px;
		box-sizing: border-box;
		border-top: 12px solid #e9e9eb;
		background: #f7f7f8;
	}
	#footer .menu{display:block;}
	#footer .menu li{
		padding: 20px 15px;
	    border-bottom: 1px solid rgba(0,0,0,0.06);
	}
	#footer .menu li{position:relative;}
	#footer .menu li:nth-last-child(1){
		display:none;
	}
	#footer .menu a span svg,#footer .menu button svg{
		width:20px;
		height:20px;
		fill:rgba(0,0,0,0.2);
	}
	#footer .menu a span,#footer .menu button svg{
	    position: absolute;
	    right: 10px;
		bottom:20px;
	}
	#footer .companyInfo .inner{
		border-bottom:0px;
		border-top:0px;
	}
	#footer .companyInfo .inner .companyName{
		color: #333333;
		font-size: 1.1rem;
	}
	#footer .sns{
		position: absolute;
		bottom: 10px;
		left:15px;
		width: 200px;
	}
	#footer .sns li{padding:0px;}
	#footer .partner{background:#ffffff;}
	#footer .partner li{padding:7px;}
	#footer .sns img{
		width:85%;
	}

	/*견적문의*/
	#estimate_write .checkbox-wrap input[type=radio]:checked + .check-icon {
		background-image: url(/html/images/radio_on.png);
	}
	#estimate_write .checkbox-wrap .check-icon {
		display: inline-block;
		width: 24px;
		height: 24px;
		background: url(/html/images/radio_off.png) left center no-repeat;
		background-size: 24px;
		vertical-align: middle;
		transition-duration: .3s;
	}
	#estimate_write .checkbox-wrap input[type=radio] {
		display: none;
	}
	#estimate_write input[type=checkbox], input[type=radio] {
		margin-right: 3px;
		line-height: normal;
	}
	#estimate_write input[type=checkbox], input[type=radio] {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0;
	}
	#estimate_write input{
		border: 1px solid rgba(0,0,0,0.2);
		padding: 10px;
		border-radius: 4px;
		width: 100%;
		box-sizing: border-box;
	}
	#estimate_write input[type=checkbox] + label {
		display: inline-block;
		cursor: pointer;
		line-height: 20px;
		padding-left: 25px;
		background: url(/html/images/checkbox_off.png) left/22px no-repeat;
		background-size: 20px;
		background-position: top left;
	}
	#estimate_write input[type=checkbox]:checked + label {
		background-image: url(/html/images/checkbox_on.png);
	}
	#estimate_write label {
		display: inline-block;
		max-width: 100%;
		margin-bottom: 5px;
		font-weight: normal;
	}
	#estimate_write input[type=checkbox] {
		display: none;
	}
	.ui-widget-overlay {
		background: rgba(0,0,0,0.8);
	}
	.ui-widget.ui-widget-content {
		width:100% !important;
		border: 0px solid #e5e5e5;
		padding: 10px;
		border-radius: 0px;
		box-shadow: rgba(0,0,0,0.4) 20px 30px 50px;
		z-index: 999;
		box-sizing: border-box;
	}

	.ui-dialog .ui-dialog-title {
		font-size: 1.5rem;
		padding: 0px;
		font-weight: bold;
		color: #000;
	}
	.ui-dialog .ui-dialog-content {
		position: relative;
		border: 0px;
		padding: 0em;
		background: none;
		overflow: auto;
	}
	#estimate_write{
		margin-top:15px;
		padding: 40px !important;
		border-radius: 15px;
		border: 1px solid rgba(0, 0, 0, 0.15);
		box-shadow: rgba(0, 0, 0, 0.03) 0px 5px 10px;
	}
	#estimate_write .head label{display:block;}
	#estimate_write .head .checkbox-wrap input[type=radio]:checked + .check-icon {
			background: #02be6e;
			width: 100%;
			border-radius: 10px;
			height: 90px;
			color: #fff;
		}
	#estimate_write .head .checkbox-wrap .check-icon {
			background: #f2f2f2;
			width: 100%;
			border-radius: 10px;
			height: 90px;
			transition-duration: .3s;
			display: block;
			display: flex;
			align-items: center;
			justify-content: center;
			font-weight: bold;
			font-size:1.1rem;
			text-align:center;
			cursor: pointer;
		}
	#estimate_write .head .checkbox-wrap input[type=radio] {
			display: none;
		}
	#estimate_write .head input[type=checkbox], input[type=radio] {
			margin-right: 3px;
			line-height: normal;
		}
	#estimate_write .head input[type=checkbox], input[type=radio] {
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			padding: 0;
		}
	#estimate_write .head .serviceSelecte{display: flex;justify-content: space-between;align-items: center;}
	#estimate_write .head .serviceSelecte li{width:49%;}


	#estimate_write li,#estimate_write p,#estimate_write div{
		text-align:left;
	}
	#estimate_write li{
		padding:0px 0px 10px;
	}
	#estimate_write .company_w li{
		padding: 0px 0px 12px;
	}
	#estimate_write{
		position:relative;
		padding-left:15px;
		padding-right:15px;
		padding-bottom: 35px;
	}
	#estimate_write h3{
		margin: 40px 0px 10px;
	}
	#estimate_write h4{
		margin:10px 0px 10px;
		color:#333d4b;
		font-size:18px;
		margin-bottom: 10px;
		border-top: 1px solid rgba(0,0,0,0.05);
		padding-top: 14px;
	}
	#estimate_write .btn_estimate{
	background: #333d4b;
		color: #ffffff;
		font-weight: bold;
		font-size: 22px;
		padding: 15px;
		text-align: center;
		width: 100%;
		z-index: 99;
		border-radius: 6px;
		border:0px;
	}
	#estimate_write .explain{
		font-weight:normal;
		margin:0px 0px 15px 0px;
		line-height: 25px;
	}
	#estimate_write .ul_type02 li{width:50%;}
	#estimate_write .ul_type02 li img{margin:0px 0px 5px 0px;}

	/*게시판*/
	.board_list .writer {
		padding: 0px;
		margin-top: 0px !important;
		margin-bottom: 20px !important;
	}
	.board_list .title {
	    padding: 7px 0px;
		margin-bottom: 0px !important;
	}


/*@media all and ( min-width: 768px)////////////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 768px) and (max-width: 1023px){
	/*table*/
	.table_type01{
		width: 100%;
	}

	.sub_service .topVisual .inner .img,
	.sub_service01 .topVisual .inner .img,
	.sub_service02 .topVisual .inner .img,
	.sub_service03 .topVisual .inner .img {
		background: #f3fcf9 url(/html/images/top-subvisualImg-01.jpg)no-repeat;
		background-position: 80% 100%;
		background-size: 180%;
	}

	.sub_logistics-quality .topVisual .inner .img,
	.sub_logistics-quality01 .topVisual .inner .img,
	.sub_logistics-quality02 .topVisual .inner .img,
	.sub_logistics-quality03 .topVisual .inner .img {
		background: #f3fcf9 url(/html/images/top-subvisualImg-02.jpg)no-repeat;
		background-position: 80% 100%;
		background-size: 180%;
	}
	.service-charge .topVisual .inner .img,
	.service-charge01 .topVisual .inner .img,
	.service-charge02 .topVisual .inner .img,
	.service-charge03 .topVisual .inner .img {
		background: #f3fcf9 url(/html/images/top-subvisualImg-03.jpg)no-repeat;
		background-position: 60% 100%;
		background-size: 180%;
	}

	/*서비스 소개*/
	.copy {
		font-size: 2.5em;
	}
	.copy span{font-size: 1em;}

}


/*@media all and ( min-width: 1024px)////////////////////////////////////////////////////////////////////////////////////////*/
@media (min-width:1024px){
	.why_nowpacking .pc.list{display:block;}
	.why_nowpacking .mobile.list,.customer_story .mobile{display:none;}


	/*공통상단*/
	header {
		position: fixed;
		left: 0px;
		width: 100%;
		z-index: 9;
		min-width: 1200px;
	}
	
	/*pc View*/
	.mobile,#main .topVisual .mobile.img{display:none;}
	.customer_story .pc{display:block;}
	header.top .pc{display:block;}

	/*공통body*/
	.list_type02 li {
		width: 47%;
		margin: 0% 1.5%;
	}
	.list_type02 li .detailMeno img{
		border-radius:15px;
		height:320px;
	}

	/*table*/
	/*table*/
	.tableWrap{
	  overflow-x: unset;
	}
	.table_type01{
		width: 100%;
	}
	.table_type01 th, .table_type01 td{
		padding: 20px;
		font-size:18px;
	}
	.table_type01 th:nth-child(1),.table_type01 td:nth-child(1){
		border-left: 0px;
	}
	.table_type01 .total01{font-size:28px;}
	.table_type01 .total02{font-size:28px;}

	/*mainBody_default*/
	h3{
		color:#333d4b;
		font-size:24px;
		padding:0px;
		margin:15px 0px;
	}
	p{
		padding: 0px;
		margin: 15px 0px;
	}
	#main section h2{
		color: #333d4b;
		font-size: 55px;
		font-weight: bold;
		text-align: left;
		letter-spacing: -2px;
		margin-bottom:40px;
		line-height: 70px;
	  }
	  #main section h2 span{
		font-size:55px;
		font-weight:bold;
	  }
	#main .estimate h2{color:#ffffff;}
	#main .partners h2,#main .estimate h2,#main .why_nowpacking explain h2{
		text-align:center;
	}
	.explain{
		line-height:30px;
		font-weight:bold;
		color:#6f7680;
	}
	.topWrap .top h2{
		font-size:32px;
		font-family: "Pretendard Variable", sans-serif !important;
	}
	.topWrap .top{
		padding: 0px;
	}
	.topWrap .top p{
		color:#8f8f93;
	}	


	/*main-visual*/
	#main .topVisual .pc.img{
		background:url(/html/images/top-visualImg-01.jpg)no-repeat;
		width:100%;
		height: 819px;
		background-position: center;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
		text-align:center;
	} 
	#main .topVisual .pc .copyWrap{
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
		text-align:center;
	}
	#main .topVisual .pc h2{color: #02be6e;font-size: 60px;font-weight: bold;margin-bottom: 55px;} 
	#main .topVisual .pc .explain{
		font-size: 20px;
		color: #7a817e;
		line-height: 30px;
		margin-bottom: 60px;
		font-weight: normal;
	} 

	/*sub-visual*/
	.topVisual .copy{
		font-size:45px;
		width:100%;
		font-family: "Pretendard Variable", sans-serif !important;
	    line-height: 55px;
	}
	.topVisual .inner .img{
		width:100%;
		height: 452px;
		padding:0px;
	}
	.topVisual .F-p1{font-family: "Pretendard Variable", sans-serif !important;}

	/*sub-visual-서비스소개*/
	.topVisual .inner .img .cmnWidth01{
		width: 960px;
	}
	.sub_service .topVisual .inner .img,.sub_service01 .topVisual .inner .img,.sub_service02 .topVisual .inner .img,.sub_service03 .topVisual .inner .img{
		background: #f3fcf9 url(/html/images/top-subvisualImg-01.jpg)no-repeat;
		background-position: center;
	}
	/*sub-visual-물류품질*/
	.sub_logistics-quality .topVisual .inner .img,.sub_logistics-quality01 .topVisual .inner .img,.sub_logistics-quality02 .topVisual .inner .img{
		background: #f3fcf9 url(/html/images/top-subvisualImg-02.jpg)no-repeat;
		background-position: center;
	}
	/*sub-visual-요금안내*/
	.service-charge .topVisual .inner .img{
		background: #f3fcf9 url(/html/images/top-subvisualImg-03.jpg)no-repeat;
		background-position: center;
	}
	/*sub-visual-고객지원*/
	.sub_customerSupport .topVisual .inner .img{
		background: #f3fcf9 url(/html/images/top-subvisualImg-04.jpg)no-repeat;
		background-position: center;
	}



	/*main-왜 나우패킹이어야 하는가?*/
	.why_nowpacking{
		padding:80px 0px;
		background:#f8f9fa;
	}

	/*main-수도권 중심 물류센터 구축*/
	.logistics_center{
		display:flex;
		background:none;
		padding:80px 0px;
	}
	.logistics_center .inner{
		background:url(/html/images/logistics_center_bg_r01_n26.jpg)no-repeat;
		background-position:right;
		padding: 400px 50px;
	}
	.logistics_center .mobile{display:none;}
	.logistics_center .leftZone{
		width:400px;
		padding:0px;
	}
	.logistics_center .leftZone .explain{
		font-size:18px;
	}

	/*나우패킹과 함께한 고객 Story*/
	.customer_story{
		padding:80px 0px;
	}
	.customer_story .list li{
		display: flex;
	}
	.customer_story .list li .conWrap{
		width: 38%;
		padding-left: 30px;
	}
	.customer_story .list li div,
	.customer_story .bg{
		height:582px;
		width:64%;
	}


	/*main-나우패킹 서비스 주요기능*/
	.main_function .D-flexBetween{display:flex;}
	.main_function{padding:80px 0px;}
	.main_function .body2 .list .panel{
		width:916px;
		float:right;
	} 
	.main_function .swiper-container01 .circle .explain{
		position:relative;
		border-radius: 25px;
		padding: 0px;
		font-size: 20px;
		font-weight:normal;
		color: rgba(255,255,255,0.6);
		width: 100%;
		text-align: center;
		letter-spacing:-1px;
		line-height:35px;
	}
	/*
		.main_function .swiper-container01 .circle .explain{
		position:relative;
		background: #ffffff;
		border-radius: 25px;
		padding: 35px;
		font-size: 20px;
		color: rgba(51,61,75,0.85);
		width: 290px;
		text-align: left;
		box-shadow:rgba(0,98,48,0.8) 10px 20px 40px;
		color:#333d4b;
		letter-spacing:-1px;
	}
	.main_function .swiper-container01 .circle .explain:after{
		content: "";
		border-top: 100px solid #ffffff;
		border-left: 0px solid transparent;
		border-right: 100px solid transparent;
		-ms-transform: rotate(-180deg);
		-webkit-transform: rotate(-180deg);
		transform: rotate(-270deg);
		position: absolute;
		bottom: -40px;
	}
	*/
	.main_function .body2 .list .panel .circle{
		border-radius: 50%;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -350px;
		margin-top: -80px;;
		width:700px;
	} 

	.main_function .explain{display:block;}
	.main_function .tapWrap .panel li{background:none;}
	.main_function .tapWrap  .swiper-2pagination li{
		background:#00a661;
	}
	.main_function .swiper_type01 .swiper-wrapper .swiper-slide{
		display: block;
		height: 470px !important;
		border-radius: 20px;
	}
	.main_function .swiper_type01 .swiper-wrapper .swiper-slide::before{
		position:absolute;
		top:0px;
		left:0px;
		content:'';
		width:100%;
		height:100%;
		background:rgba(0,0,0,0.3);
		border-radius:20px;
	}
	.main_function .swiper_type01 .swiper-wrapper .swiper-slide h2{
		color:#ffffff !important;
		text-align:center !important;
		margin:40px 0px 20px 40px !important;
		font-size:45px !important;
	}


	/*나우패킹과 함께하는, 함께한 고객사*/
	.partners{padding-bottom:0px;}
	.partners .body {
		position:relative;
		overflow: hidden;
	    min-height: 200px;
	}
	.simply-scroll .simply-scroll-list {
		height: auto;
	}
	.partners .body:before {
		content: '';
		top:0px;
		left:0px;
		position: absolute;
		display: block; 
		background: linear-gradient(to right, #fff, #fff 10%, transparent);
		width:200px;
		height:300px;
		z-index: 999;
	}
	.partners .body:after {
		content: '';
		top:0px;
		right:0px;					
		position: absolute;
		display: block;
		background: linear-gradient(to left, #fff, #fff 10%, transparent);
		width:200px;
		height:300px;
		z-index: 999;
	}

	/* 흘러가는 배너 */
	.rollingbanner .roller > ul > li,.rollingbanner01 .roller01 > ul > li{
		margin:0px;
		width:160px;
	}



	/*main-현재 내 물류 상황에 맞는 견적을 나우패킹에서 알아보세요!*/
	.estimate{
		background: #2f3744 url(/html/images/estimate_bg.jpg)no-repeat;
		background-position: right;
		background-size: contain;
	}

	/*서비스 소개- 국내 풀필먼트*/
	.sub_service .section01 .detailMeno li {
		color: rgba(51,61,75,0.6);
		font-size: 19px;
		line-height: 30px;
		font-weight: normal;
		margin: 0px;
		padding-left: 12px;
		background: url(/html/images/icon_point01.png)no-repeat;
		background-position: left;
	}
	.sub_service .section01 .no{
		border-radius: 50%;
		background: #169661;
		width: 100px;
		height: 96px;
		padding: 0px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #ffffff;
		font-size: 30px;
		font-style: italic;
		margin: 0px;
		position: relative;
	}
	.sub_service .section01 .stepList li .no:before {
		font-size: 30px;
	}
	.sub_service .section01 .stepList li{
		display:flex;
	}
	.sub_service .section01 .depth div{
		width:calc(100% - 100px);
		padding:0px;
	}
	.sub_service .section01 .detailMenoWrap{
		width:calc(100% - 450px);
		padding-left: 0px;
		box-sizing: border-box;
		padding-right: 0px;
	}
	.sub_service .section01 .depth{width:350px;}
	.sub_service .section01 .depth div{width:calc(100% - 100px)}
	.sub_service .section01 .detailMeno .explain h3{
		font-size:22px;
		margin: 15px 0px;
	}
	.sub_service .section01 .detailMenoWrap .detailMeno{
		padding: 20px 30px;
	}
	.sub_service .section01 .detailMeno img{
		width:95px;
		height:95px;
	}

	/*서비스 소개*/
	.sub_service03 .section01 .pc,.sub_service03 .section03 .pc{display:block;}
	.sub_service03 .section01 .mobile,.sub_service03 .section03 .mobile{display:none;}
	.sub_service03 .section01 .mobile,.sub_service03 .section03 .mobile{padding: 0px;}
	.sub_service03 .section03 .pc ul .detailMeno .bg{
		border-radius:15px;
		background-size: 100%;
	    height: 16vw;
	}
	.copy {
		font-size: 35px;
	}
	.copy span{font-size:35px;}


	/*물류품질*/
	.sub_logistics-quality .section01 .pc,.sub_logistics-quality .section02 .pc,.sub_logistics-quality .section03 .pc{display:block;}
	.sub_logistics-quality .section01 .mobile,.sub_logistics-quality .section02 .mobile,.sub_logistics-quality .section03 .mobile{display:none;}
	.sub_logistics-quality .section01 .pc ul .detailMeno .bg,
	.sub_logistics-quality01 .section03 ul .detailMeno .bg{
		border-radius:15px;
		background-size: 100% !important;
	    height: 290px;
	}
	.sub_logistics-quality01 .color_green{font-size: inherit;}
	.sub_logistics-quality01 .partners_list li{float:left;width:33%;height:100px;text-align:center;}
	.sub_logistics-quality01 .partners_list li img{width:65%;}
	.sub_logistics-quality01 .section03 .copy{width:100%;padding:0px;}
	.sub_logistics-quality01 .list_type02{padding:0px;}

	/*요금안내*/
	.service-charge .section01 .pc,.service-charge .section03 .pc{display:block;}
	.service-charge .section01 .mobile,.service-charge .section03 .mobile{display:none;}
	.service-charge .section03 .pc ul .detailMeno .bg{
		border-radius:15px;
		background-size: 100%;
	    height: 16vw;
	}



	/*footer*/
	#footer{
		padding: 0px;
		background:none;
	}
	#footer .companyInfo{
		display:flex;
		padding: 30px 0px;
		box-sizing: border-box;
		border-top: 0px;
		background: none;
	}
	#footer .nowpacking_center{
		border-left: 1px solid rgba(0,0,0,0.05);
		padding: 0px 0px 0px 50px;
		margin-top:0px;
		border-top:0px;
	}
	#footer div:nth-child(3) div{
		border-top: 0px solid rgba(0,0,0,0.09);
	}
	.nowpacking_center h4{
	    font-size: unset;
	}
	#footer .logo_footer{display:block;}

	/*main-나우패킹 센터 안내*/
	.nowpacking_center ul{margin:15px 0px;}
	.nowpacking_center ul li{
		color: unset !important;
		font-size:15.2px !important;
	}
	#footer span{
		display: inline-block;
		margin-right: 15px;
		border-right: 1px solid rgba(0,0,0,0.07);
		padding-right: 15px;
		color:#666666;
		font-size:15.2px;
	}
	#footer .menu{display:flex;}
	#footer .menu li{
		padding: 0px;
	    border-bottom: 0px solid rgba(0,0,0,0.06);
	}
	#footer div:nth-child(1) ul li {
		padding: 0px 20px 0px 0px;
	}
	#footer div:nth-child(1){
		display:flex;
	}
	#footer .footerTop{
		border-bottom: 1px solid rgba(0,0,0,0.09);
		border-top: 1px solid rgba(0,0,0,0.09);
	}
	#footer .footerTop div{border:0px;}
	#footer div:nth-child(3) div:nth-child(1){
		display:unset;
	}
	#footer .companyInfo .inner{
		display:block;
		border:0px;
	}
	#footer .sns{
		position: unset;
		width:225px;
	}
	#footer .sns img{
		width:auto;
	}
	#footer .partner img{
		width:120px;
	}
	#footer div:nth-child(1) ul,#footer div:nth-child(1) ul{
		margin:10px 0px;
	}
	#footer .menu li{position:unset;}
	#footer .menu a span svg,#footer .menu button svg{
		display:none;
	}
	#footer .menu a span,#footer .menu button svg{
	   display:none;
	}

	/*견적문의*/
	.ui-widget.ui-widget-content {
		width:750px !important;
		border-radius: 15px;
		padding: 50px;
	}
	#estimate_write .head .checkbox-wrap .check-icon {
		font-size:20px;
	}
	.ui-dialog .ui-dialog-content {
		padding: 0.5em;
	}
	#estimate_write .ul_type02 li{width:33%;}
	#estimate_write{
		padding-bottom: 0px;
	}
	.ui-dialog .ui-dialog-title {
		font-size: 30px;
	}
	#estimate_write h4{
		margin:20px 0px 10px;
		border-top: 0px solid rgba(0,0,0,0.05);
		padding-top: 0px;
	}
	#estimate_write{
		padding-left:0px;
		padding-right:0px;
	}


	#footer .companyInfo .inner .companyName{
		color: #333333;
		font-size: 15px;
	}
	#footer .menu li:nth-last-child(1){
		display:block;
	}

	/*padding*/
	.padding_03{padding: 120px 0px;}

	/*게시판*/
	.tableBoard_top table table table{
		border-bottom: 5px solid rgba(0,0,0,0.05);
		padding-bottom: 80px;
	}

}