@charset "utf-8";

@import url('slick.css');
@import url('reset.css');

/* PC */

body.noscroll {
	overflow: hidden;
	touch-action: none;
}

.mo {
	display: none
}

#header {
	position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 9999;
    background-color: #fff;
	padding: 21px 0px 21px 0px;
}


/*#header {
	padding: 21px 40px;
	transition: padding 0.1s ease
}*/

	#header .inner {
		position: relative;
		background: #fff;
	}

.logo {
	width: 265px;
}

	.logo img {
		display: inline-block;
		height:60px;
		max-width: 100%;
		width: auto;
		padding-right:30px;
		padding-left:30px;
	}

#hamberger {
	display: none;
}

.lnb {
	position: absolute;
	top: 40px;
	right: 240px;
	transition: right 0.1s ease
}

	.lnb:after {
		display: block;
		content: '';
		clear: both
	}

	.lnb > li {
		float: left;
		margin-left: 74px;
		transition: margin 0.3s ease
	}

		.lnb > li > a {
			font-size: 1.25rem;
			color: #111;
			font-weight: 700;
		}

.lang_group {
	display: inline-block;
	width: 75px;
	padding: 0 1px 0 24px;
	position: absolute;
	top: 55%;
	right: 40px;
	font-size: 14px;
	color: #111;
	font-weight: 500;
	box-sizing: border-box;
	background: url(../images/lang_icn.png) no-repeat 0 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-sand-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1;
}

	.lang_group .lang {
		position: relative;
		display: block;
		width: 100%;
		padding: 3px 0;
		background: url(../images/lang_bul.png) no-repeat 100% 50%;
		text-align: left
	}

	.lang_group .lang_list {
		display: none;
		position: absolute;
		width: 100%;
		top: 27px;
		left: 0;
		border: 1px solid #111;
		box-sizing: border-box
	}

		.lang_group .lang_list > li {
			background-color: #fff;
		}

			.lang_group .lang_list > li > a {
				display: block;
				padding: 4px 2px;
				text-align: center
			}

	.lang_group .lang.on {
		background-image: url(../images/lang_bul2.png);
	}

.brochure {
	padding: 28px 40px;
	text-align: right
}

	.brochure a.file_down {
		display: inline-block;
		font-size: 20px;
		color: #111;
		font-weight: 500;
		padding-right: 30px;
		background: url(../images/down_bul.png) no-repeat 100% 50%;
		background-size: 6px auto
	}

		.brochure a.file_down > span {
			display: block;
			padding: 4px 0;
			padding-right: 47px;
			background: url(../images/icn_file.jpg) no-repeat 100% 50%;
		}

.thumb {
	display: inline-block;
	overflow: hidden;
	width: 100%;
	height: 100%
}

	.thumb img {
		object-fit: cover;
		object-position: 50% 50%;
		width: 100%;
		height: 100%;
	}

.sec_visual {
	position: relative
}

	.sec_visual img {
		width: 100%
	}

	.sec_visual .title01 {
		position: absolute;
		top: 50%;
		left: 50%;
		color: #fff;
		font-weight: 700;
		font-size: 3.75rem;
		letter-spacing: -0.04em;
		white-space: nowrap;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-sand-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

/*#about .title01 {
	text-align: center;
	line-height: 1.42;
}*/

.sec_visual .title01 .txt01 {
	display: block;
	font-size: 3.125rem;
	font-weight: 100;
	letter-spacing: -0.02em;
}

.sec_cont {
	padding: 109px 0 106px;
}

.title02 {
	margin-bottom: 71px;
	font-size: 2.813rem;
	color: #111;
	font-weight: 900;
	text-align: center;
	letter-spacing: -0.02em;
}

.About_visual01 {	
	padding: 150px 0px;
	background: url(/Images/about_visual01.jpg) no-repeat 50% 50% / cover;
	overflow: hidden;
}

	.About_visual01 p {
		text-shadow: 1px 2px 4px #000;
		font-weight: 700;
		margin-right: 90px;
		text-align: right;
		line-height: 100px;
		font-size: 30pt;
		color: #f2f2f2;
	}

.About_impactFont{
	font-size:45pt
}

/* twkim */	
.About_visual02 .fix_inner {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 50px;
}

.About_Area01 {/*padding-top:50px;*/padding-bottom:100px;margin-top:10px;}
.About_Area02 {padding-bottom:100px;}

.design_list {
	max-width: 1120px;
	margin: 0 auto
}

	.design_list:after {
		display: block;
		content: '';
		clear: both
	}

	.design_list > li:first-child {
		float: none;
		margin: 0 auto 70px
	}

	.design_list > li {
		position: relative;
		float: left;
		width: 50%;
		padding: 0 40px;
		box-sizing: border-box
	}

		.design_list > li .inner {
			border-radius: 5px;
			overflow: hidden;
			position: relative;
			z-index: 1
		}

		.design_list > li .cont {
			min-height: 165px;
			padding: 29px 40px;
			font-size: 1rem;
			color: #666;
			font-weight: 300;
			line-height: 1.6;
			background-color: #fff;
			letter-spacing: -0.03em;
			box-sizing: border-box
		}

		.design_list > li .tit {
			padding: 14px 0 15px;
			font-size: 1.25rem;
			color: #fff;
			font-weight: 900;
			text-align: center
		}

		.design_list > li:nth-child(1) .tit {
			background-color: #2e23a6
		}

		.design_list > li:nth-child(2) .tit {
			background-color: #1c91c2
		}

		.design_list > li:nth-child(3) .tit {
			background-color: #313236
		}

		.design_list > li:after {
			position: absolute;
			bottom: -47px;
			left: 0;
			display: block;
			content: '';
			width: 24px;
			height: 24px;
			background: url(../images/arr01.png) no-repeat 0 0;
		}

		.design_list > li:nth-child(2):after {
			top: 50%;
			left: auto;
			right: -14px;
			margin-top: -8px;
			width: 31px;
			height: 17px;
			background-image: url(../images/arr02.png)
		}

		.design_list > li:nth-child(3):after {
			top: -47px;
			left: 50%;
			margin-left: -12px;
			background-image: url(../images/arr03.png)
		}

		.design_list > li:nth-child(2):before {
			position: absolute;
			top: -307px;
			left: -56px;
			display: block;
			content: '';
			width: 268px;
			height: 307px;
			background: url(../images/obj01.png) no-repeat 0 0;
		}

		.design_list > li:nth-child(3):before {
			position: absolute;
			top: -469px;
			right: -80px;
			display: block;
			content: '';
			width: 338px;
			height: 469px;
			background: url(../images/obj02.png) no-repeat 0 0;
		}

#service {
	text-align: center;
	padding-bottom: 39px;
}

	#service .cont_img img {
		max-width: 100%;
	}

	#service .cont_img:first-of-type {
		margin-bottom: 94px;
	}

.map_bg {
	background: url(../images/map_bg.jpg) no-repeat 50% 0;
}	

.organ_list {
	max-width: 1200px;
	margin: 0 auto;
	padding-top: 15px;
}

	.organ_list:after {
		display: block;
		content: '';
		clear: both
	}

	.organ_list > li {
		float: left;
		width: 50%;
		padding: 0 10px;
		font-size: 1.063rem;
		font-weight: 300;
		color: #111;
		box-sizing: border-box
	}

	.organ_list .depth01 {
		display: table;
		width: 100%;
		margin-bottom: 10px;
		font-size: 1.25rem;
		color: #fff;
		font-weight: 400;
		background-color: #2e23a6;
		border-radius: 100px
	}

		.organ_list .depth01 .inner {
			display: table-cell;
			height: 70px;
			vertical-align: middle;
			text-align: center;
		}

	.organ_list .depth02 > li {
		padding: 14px 0
	}

	.organ_list .box {
		max-width: 400px;
		margin: 0 auto
	}

.logistics_list > li {
	padding-bottom: 96px;
	position: relative
}

	.logistics_list > li:nth-child(2) .division {
		padding: 0
	}

		.logistics_list > li:nth-child(2) .division > li {
			width: 33.333%
		}

.logistics_list .division {
	max-width: 1290px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0 16.666%
}

	.logistics_list .division:after {
		display: block;
		content: '';
		clear: both
	}

	.logistics_list .division > li {
		position: relative;
		float: left;
		width: 50%;
		padding: 0 15px;
		box-sizing: border-box
	}

		.logistics_list > li:before,
		.logistics_list .division > li:before {
			display: block;
			content: '';
			width: 50%;
			height: 4px;
			background-color: #cfcfcf;
			position: absolute;
			top: 50%;
			margin-top: -2px;
			right: -25%;
		}

.logistics_list > li:before {
	width: 4px;
	height: 100%;
	left: 50%;
	margin-left: -2px;
	top: 37px;
}

.logistics_list > li:last-child:before,
.logistics_list .division > li:last-child:before {
	display: none
}

.logistics_list .depth {
	position: relative;
	z-index: 1;
	display: table;
	width: 100%;
	font-size: 1.25rem;
	color: #fff;
	font-weight: 500;
	background-color: #646464;
	border-radius: 100px;
	letter-spacing: -0.04em;
}

	.logistics_list .depth .inner {
		display: table-cell;
		height: 70px;
		vertical-align: middle;
		text-align: center;
		line-height: 1;
	}

	.logistics_list .depth.depth02 {
		background-color: #3629c5;
	}

	.logistics_list .depth.depth03 {
		background-color: #1d96c9;
	}

#contact .title02 {
	margin-bottom: 50px;
}

.map_wrap {
	position: relative;
	/*padding-top: 35%;*/
	margin-bottom: 30px
}

	.map_wrap iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

.addr {
	display: table;
}

	.addr dt,
	.addr dd,
	.addr th,
	.addr td {
		display: table-cell;
		font-size: 1.125rem;
		font-weight: 300;
		text-align: left;
	}

	.addr dt,
	.addr th {
		font-size: 1.875rem;
		font-weight: 900;
		padding-right: 24px;
		vertical-align: top
	}

#sec07 {
	padding-top: 24px;
	padding-bottom: 121px;
}

.faq_list {
	border-top: 2px solid #111
}

	.faq_list > li {
		border-bottom: 1px solid #ccc
	}

		.faq_list > li .icn {
			position: absolute;
			top: 19px;
			left: 30px;
			font-size: 1.313rem;
			font-weight: 700;
		}

		.faq_list > li .faq_tit {
			display: block;
			padding: 22px 0 24px;
			padding-right: 50px;
			font-size: 1.125rem;
			font-weight: 700
		}

			.faq_list > li .faq_tit:after {
				position: absolute;
				top: 30px;
				right: 30px;
				display: block;
				content: '';
				width: 17px;
				height: 10px;
				background: url(../images/bul01.png) no-repeat 50% 0;
				background-size: cover
			}

		.faq_list > li .faq_cont {
			display: none;
			font-size: 1.063rem;
			line-height: 2.2;
			color: #666;
			font-weight: 300;
			background-color: #f8f8f8
		}

			.faq_list > li .faq_cont .inner {
				padding: 30px 0;
			}

			.faq_list > li .faq_cont .icn {
				top: 26px;
				color: #2e23a6
			}

			.faq_list > li .faq_tit,
			.faq_list > li .faq_cont .inner {
				position: relative;
				padding-left: 80px;
			}

		.faq_list > li.on .faq_tit:after {
			background-image: url(../images/bul02.png)
		}

.fix_area {
	max-width: 1280px;
	margin: 0 auto;
}

#footer {
	padding: 40px 0 45px;
	background-color: #313236;
	font-size: 1.125rem;
	color: rgba(255,255,255,0.5);
	font-weight: 100;
	line-height: 1.68;
	overflow:hidden;
}
	#footer address .info {
		margin-left: 16px
	}

/* [SC logistics] twkim / 20200702 자동 슬라이드 */
.visual{position: relative}
.visual_slide{z-index: 1;}
.visual::after{visibility:hidden;
		position:absolute; width:0; height:0; overflow:hidden; z-index:-1;
		content:url(/Images/visual01.jpg) url(/Images/visual02.jpg) url(/Images/visual03.jpg) url(/Images/visual04.jpg) url(/Images/visual05.jpg) url(/Images/visual06.jpg);
	}
	
.visual_slide .item{visibility: hidden}	
.visual_slide .item:nth-child(1){visibility: visible}
.visual_slide.load .item{visibility: visible}
.visual_slide .item .inner{display: table;width: 100%;height: 100vh;text-align:center;}
.visual_slide .item .mask{position: absolute;top: 0;left: 0; width: 100%;height: 100%;z-index:-1}
.visual_slide .item .txt_w{display:table-cell;vertical-align:middle;padding-top: 34px;padding-bottom:0}
.visual_slide .item .bg{position:relative;height:100%;background: url(/Images/visual01.jpg) no-repeat 50% 50% / cover;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: transform 4s ease-in-out;
	transition: transform 4s ease-in-out;
}
.visual_slide .item.on .bg{
	-webkit-transform: scale(1);
	transform: scale(1);
}
.visual_slide .item:nth-child(2) .bg{background-image: url(/Images/visual02.jpg)}
.visual_slide .item:nth-child(3) .bg{background-image: url(/Images/visual03.jpg)}
.visual_slide .item:nth-child(4) .bg{background-image: url(/Images/visual04.jpg)}
.visual_slide .item:nth-child(5) .bg{background-image: url(/Images/visual05.jpg)}
.visual_slide .item:nth-child(6) .bg{background-image: url(/Images/visual06.jpg)}
.visual_slide .item .txt01{margin-bottom: 25px;background-color:rgba(255,255,255,0.3)}
.visual_slide .item .txt01 img{width:auto;height: auto;display: inline-block;padding:10px} /* 104px */
.visual_slide .item p{font-size: 29px;color: #fff;font-weight: 700;line-height: 1.6}
.visual .slick-list{z-index: 1}
.visual .slick-dots{top: 62%;margin-top: 14px;position: absolute;bottom: 24px;z-index: 2;width: 100%;text-align: center;font-size: 0;color: transparent;}
.visual .slick-dots li{cursor: pointer;width: 7px;height:7px;background-color: #fff;border-radius: 100%;display: inline-block;vertical-align: middle;/*transition: all 0.2s;*/margin: 0 10px}
.visual .slick-dots li.slick-active{background-color: #4d6dbe;border: 3px solid #fff;}
.visual .slick-dots li.slick-active{background-color: #4d6dbe;border: 2px solid #fff;}

.visual .scroll_down{position:absolute;display: block;opacity: 0;transition: opacity 0.3s;left:50%;bottom: -40px;margin-left:-42px; z-index:10;text-align: center;}

.visual .scroll_down .btn_scroll{display: block;margin-bottom: 8px;}
.visual .scroll_down .mouse{position: relative;display: inline-block;}
.visual .scroll_down .mouse:before{display: block;content: '';width: 100%;height:7px;background: url(/Images/mouse2.png) no-repeat 50% 0;position: absolute;top:6px;left:0;
	-webkit-animation: visual_scroll 1.3s cubic-bezier(.15,.41,.69,.94) infinite;
	-moz-animation: visual_scroll 1.3s cubic-bezier(.15,.41,.69,.94) infinite;
	animation: visual_scroll 1.3s cubic-bezier(.15,.41,.69,.94) infinite;
}

.pause,
.play{width: 7px;height:7px;margin-left: 5px;background: url(/Images/stop.png) no-repeat 50% 50% / cover;}
.play{display: none;background-image: url(/Images/play.png)}
 
/* [SC logistics] twkim / 20200708 회사소개 */
.About_visual02{padding-bottom: 44px;}
.About_visual02{position: relative;background: url(/Images/about_visual02.jpg) no-repeat 50% 50% / cover;color: #fff;padding: 165px 0;}
.About_visual02 .title01{display: block;font-size:30pt}

.About_visual02 .history_list{margin-top: -65px;}
.About_visual02 .history_list > li{margin-bottom: 30px;position: relative;font-size: 15pt;text-shadow: 1px 2px 4px #000;}
.About_visual02 .history_list > li:before{display: block;content: '';width: 5px;background-color: #fff;height:5px;border-radius: 100%;position: absolute;top:10px;left:50%;margin-left:-2px;}
.About_visual02 .history_list > li:nth-child(odd){padding-left: 50%;}
.About_visual02 .history_list > li:nth-child(even){padding-right: 50%;text-align: right}
.About_visual02 .history_list > li .year{font-size: 22pt;font-weight: 800;display: block;margin-bottom: 3px;}
.About_visual02 .history_list > li:nth-child(odd) .year,
.About_visual02 .history_list > li:nth-child(odd) p{margin-left: 23px;}
.About_visual02 .history_list > li:nth-child(even) .year,
.About_visual02 .history_list > li:nth-child(even) p{margin-right: 23px;}
.About_visual02 .history_line,
.About_visual02 .history_line:before,
.About_visual02 .history_line:after,
.About_visual02 .history_line .circle{position: absolute;left:50%;top:-46px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-sand-transform: translateX(-50%);
	transform:translateX(-50%);
}
.About_visual02 .history_line .circle:last-child,
.About_visual02 .history_line:after{top: auto;bottom: -46px;}

.About_visual02 .history_line:before,
.About_visual02 .history_line:after,
.About_visual02 .history_line .circle{display: block;content: '';width: 1px;height:46px;background-color: #e9e9e9;}
.About_visual02 .history_line .circle{width: 11px;height:11px;background: url(/Images/cont/circle.png) no-repeat 50% 0 / cover;z-index: 1}
.About_visual02 .history_line{top:0;width: 1px;height:100%;background-color: rgba(233,233,233,0.15);}

/* [SC logistics] twkim / 20200708 Business(비지니스) */
.business_background {width:100%;display:table;height:1000px;background: url(/Images/business_visual01.jpg) no-repeat 50% 50% / cover;padding:0 30px;}

.business_Area01 {/*padding:50px 0*/}
.business_Area02 {padding:100px 0}

/*.business_visual01 {width:100%;padding:0 100px;}
.business_visual01 .business_title { display: block;margin-bottom: 50px;font-size:35pt;color:#fff;font-weight:700;text-shadow: 1px 2px 4px #000;}
.business_visual01 .business_content {font-size:17pt;color:#fff;text-shadow: 1px 2px 4px #000;font-weight:700;line-height:45px}
.business_visual01 .business_content_ul {margin-top:40px;font-size:20pt;color:#fff;text-shadow: 1px 2px 4px #000;font-weight:700;line-height:50px}
.business_visual01 .business_content_ul li:first-child {font-size:30pt;margin-bottom:5px;list-style-type: none;margin-left:0px}
.business_visual01 .business_content_ul li {list-style-type: disc;margin-left:30px}*/

.business_visual02 {display:table-cell;vertical-align:middle;padding:0px 60px 0 20px;}
.business_visual02 .business_div {margin-bottom:50px;}
.business_visual02 .business_title { display: block;margin-bottom: 10px;font-size:22pt;color:#fff;font-weight:700;text-shadow: 1px 2px 4px #000;line-height:40px;}
.business_visual02 .business_ImpactFont {font-size:40pt}
.business_visual02 .business_Impactcontent {font-size:17pt}
.business_visual02 .business_content {font-size:15pt;color:#fff;text-shadow: 1px 2px 4px #000;font-weight:700;line-height:45px;padding-left:30px;}
.business_visual02 .business_button_Area {text-align:left;padding:20px 0 20px 30px}
.business_visual02 .business_button_Area .business_button{padding: 10px 30px;border-radius: 5px;font-size: 14px;font-weight: 700;background: #fff;color: #2b3c4e;border: 1px solid #2b3c4e;}
.business_visual02 .business_button_Area .business_button:hover{background: #2b3c4e;color: #fff;border: 1px solid #fff;}



/* [SC logistics] twkim / 20200708 Contact */
.contact_Area01 {padding:50px 0;}
.contact_Area02 {padding:50px 0 100px 0;} 

.tbl_type01{border: 1px solid #d9d9d9;border-radius: 8px;overflow: hidden}
.tbl_type01 > table{width: 100%;}
.tbl_type01 > table th,
.tbl_type01 > table td{border-bottom: 1px solid #d9d9d9;font-size: 13pt;}
.tbl_type01 > table tbody tr:last-of-type th,
.tbl_type01 > table tr:last-of-type td,
.tbl_type01 > table .last{border-bottom: 0}
.tbl_type01 > table th{background-color: #ffe8e8;text-align: center;color: #ffaaaa;font-weight: 500;padding: 15px;}
.tbl_type01 > table .mo_th{background-color: #ffe8e8;text-align: center;color: #fcb0b0;font-weight: bold;padding: 15px 0;} 
.tbl_type01 > table td{height:15px;padding:15px;text-align: left;color: #2c2929;font-size: 13pt;}
.tbl_type01 > table thead th{border-bottom: 1px solid #ced4d7;height: 33px;}
.tbl_type01.center > table td{text-align: center}
          	  
.tbl_type01 th.tit01{padding-left:31px;padding-top:20px;background-color: #fff;font-weight: 800;text-align: left;vertical-align: top;color: #2c2929;}
.tbl_type01 .txt01{text-align: left !important;vertical-align: top;}
.tbl_type01 .txt02{vertical-align: top;}
.tbl_type01 .ngd{border-bottom: 0}
.tbl_type01 tr.mo th{background-color: #f3f3f3;padding: 0 0 0 12px;height:30px;vertical-align: middle}
.tbl_type01 .tit02{padding-left: 10px;}
.tbl_type01 > table.center td{text-align: center;padding: 9px 2px;word-break: break-all}
.tbl_type01 > table.d_left td{text-align: left;padding: 9px 10px;}
.tbl_type01 .w1{width: 18%}
.tbl_type01 .group td{background-color: #f5f5f5}
.tbl_type01 .blue_line td{border-bottom: 1px solid #2085b3}
	
@keyframes visual_scroll {
	0% { opacity: 0; }
	10% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }
	100% { -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -o-transform: translateY(0); transform: translateY(5px); opacity: 0;}
}

/* color Set */
.font_blue{color: #0070c0 !important}
.font_red{color: #d9001b !important}
.font_green{color: #00b050 !important}

/* [SC logistics] twkim / 20200708 Contact - QnA */
.search_form{font-size: 0;text-align: center;margin-bottom: 40px;padding-top: 16px;}
.search_form *{vertical-align: middle;margin-right: 5px;}
.search_form .btn_search{margin-right: 0}

.notice_serach_input {width:210px}
	
.btn_search{width:102px;height:50px;font-size: 15px;color: #ffaaaa;background-color: #ffe8e8;}
.btn_search > span{padding-right:23px;;background: url(/Images/cont/icn_search.png) no-repeat 100% 50% / 13px 13px;margin-right: 0}

.board_list > table{width: 100%;table-layout: fixed;border-collapse:separate}
.board_list > table thead th,
.board_list > table td{height:60px;font-size: 16px;text-align: center;border-bottom: 1px solid #d9d9d9;}
.board_list > table thead th{background-color: #ffe8e8;color: #ffaaaa;font-weight: 700;border-top: 1px solid #d9d9d9;}
.board_list > table thead th:first-of-type{border-left: 1px solid #ffe8e8;border-top-left-radius:18px;}
.board_list > table thead th:last-of-type{border-right: 1px solid #ffe8e8;border-top-right-radius:18px;}
.board_list > table .a_left{text-align: left;padding-left: 10px;}
.board_list > table .notice{color: #e23f40}
.board_list > table .icn_notice{width: 9px;height:10px;}
.board_list > table .a_left a{display:inline-block;vertical-align: middle;max-width:98%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.board_list > table td a:hover{text-decoration: underline}

.board_list .w1{width: 10%}
.board_list .w2{width: 10%}
.board_list .w3{width: 20%}
.board_list .w4{width: 12%}

.base_paging{margin-top:30px;text-align:center;font-size: 0;}
.base_paging .paging_in{display: inline-block}
.base_paging .paging_in:after{display: block;content: '';clear: both;}
.base_paging .number{padding: 0 15px;}
.base_paging a,
.base_paging .number,
.base_paging .number .on{display:inline-block;box-sizing: border-box;vertical-align: middle;float: left}
.base_paging .number .on .active{display:inline-block;box-sizing: border-box;vertical-align: middle;float: left}
.base_paging a.page{width:31px;height:31px;background: url(/Images/cont/sp_paging.png) no-repeat 0 0 / auto 25px;background-size: auto 31px;margin: 0 3px;}
.base_paging a.page.prev{background-position: -31px 0}
.base_paging a.page.next{background-position: -62px 0}
.base_paging a.page.last{background-position: -93px 0}
.base_paging .number a,
.base_paging .number .on{padding:0 2px;min-width:31px;line-height:31px;color:#24282b;font-size:15px;margin-left: -1px;}
.base_paging .number a,
.base_paging .number .on{color:#e70e1f;border:none;position: relative;z-index: 1;text-decoration: underline}

.sel{height:50px;padding:0 35px 0 19px;font-size:15px;color:#24282b;border:1px solid #e5e5e5;border-radius:0;*height:auto;*margin-top:3px;-webkit-appearance:none}
:root .sel{background:#fff url(/Images/cont/sel_arr.png) 100% 50% no-repeat;background-size: 29px 14px}
.sel::-ms-expand{display:none;}
@-moz-document url-prefix(){.sel{background:0 0}}

.int{border: 1px solid #e5e5e5;height: 50px;padding: 0 16px;font-size: 15px;color: #24282b;}

/* 맨 위로 올라가는 스크롤 생성 */
.sched_wrap{display:none;position: fixed;bottom: 20px;right: 50px;z-index: 1001;} 
.sched_wrap button{width: 30px;} 
.quot_wrap{display:none;position: fixed;bottom: 68px;right: 12px;z-index: 1001;} 
.btn_top{width: 29px;height:29px;background: #5e5f61 url(/Images/cont/icn_top.png) no-repeat 50% 50%;border-radius: 100%;}

.swiper-container {
			max-width: 1280px;
			margin: 0 auto;
			/*width: 100%;*/
			height: 100%;				
		}

.swiper-slide {
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.footer_center {width:100%;}
.footer_logo {width:40%;float:left;text-align:right;}
.footer_content {width:60%;float:left;text-align:left}

@media (max-width: 1280px) {
	.fix_area {
		padding: 0 16px;
		box-sizing: border-box
	}
}

@media (max-width: 1200px) {
	#header {
		padding-left: 16px;
		padding-right: 16px;
	}

	.lnb {
		right: 200px;
	}

		.lnb > li {
			margin-left: 50px;
		}

	.sec_visual .title01 {
		font-size: 2.813rem
	}

		.sec_visual .title01 .txt01 {
			font-size: 2.625rem
		}
}

@media (max-width: 1100px) {

	/*.business_visual01 .business_title {font-size:25pt}
	.business_visual01 .business_content {font-size: 12pt;line-height: 35px;}
	.business_visual01 .business_content_ul {font-size: 12pt;line-height: 35px;margin-top: 25px;}
	.business_visual01 .business_content_ul li:first-child {font-size: 18pt;}*/

	.business_visual02 .business_title {font-size:18pt}
	.business_visual02 .business_content {font-size: 14pt;line-height: 35px;}
	.business_visual02 .business_ImpactFont {font-size:30pt}

}

@media (max-width: 920px) {
	.lnb {
		right: 150px;
	}

		.lnb > li {
			margin-left: 30px;
		}

			.lnb > li > a {
				font-size: 1.125rem;
			}
}

@media (max-width: 767px) {
	/* ~767px */
	.mo {
		display: block
	}

	.pc {
		display: none
	}

	.logo img{display:block;height: 50px;margin: 0 auto;padding:5px 0;padding-left:0;padding-right:0;}
	

	/*.page_wrap {
		padding-top: 17.5%;
	}*/

	#header {
		text-align: center;
		position: fixed;
		top: 0;
		left: 0;
		padding: 0;
		width: 100%;
		background: #fff;
		z-index: 1000
	}

		#header .inner {
			position: relative;
			padding: 1% 0;
			z-index: 9999
		}

		#header .logo {
			display: inline-block;
			width: 100%;
			vertical-align: middle
		}

	.lang_group {
		display: none
	}

	#hamberger {
		display: block;
		position: absolute;
		top: 50%;
		right: 4.166%;
		margin-top: -15px;
		width: 30px;
		height: 30px;
	}

		#hamberger .btn_total {
			position: absolute;
			top: 50%;
			left: 50%;
			margin-top: -1px;
			margin-left: -10px;
			width: 20px;
			height: 2px;
			background: #111;
			transition: all .3s ease;
		}

			#hamberger .btn_total:before,
			#hamberger .btn_total:after {
				content: '';
				display: block;
				position: absolute;
				width: 100%;
				height: 100%;
				background: #111;
				transition: all .3s ease;
			}

			#hamberger .btn_total:before {
				top: -7px;
			}

			#hamberger .btn_total:after {
				top: 7px;
			}

		#hamberger.show .btn_total {
			background: transparent;
			width: 22px;
		}

			#hamberger.show .btn_total:before {
				top: 0;
				transform: rotate(45deg);
			}

			#hamberger.show .btn_total:after {
				top: 0;
				transform: rotate(-45deg);
			}

	.total_menu {
		display: none;
		position: fixed;
		left: 0px;
		top: 0;
		z-index: 1;
		width: 100%;
		height: 100%;
	}

		.total_menu .dim {
			display: none;
			position: fixed;
			left: 0;
			top: 0;
			z-index: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(0,0,0,.8);
		}

		.total_menu .total_nav {
			position: relative;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 11;
			text-align: left;
			overflow-y: auto;
			box-sizing: border-box;
		}

	.lnb {
		display: block;
		position: relative;
		top: auto;
		right: auto;
		padding-top: 20%;
	}

		.lnb > li {
			float: none;
			margin-left: 0;
			text-align: center;
			margin-bottom: 2.777%
		}

			.lnb > li > a {
				color: #fff;
				display: block;
				font-size: 20px;
				font-size: 5.555vw;
				padding: 1.945% 0
			}

	.sec_visual .title01 {
		font-size: 23px;
		font-size: 6.481vw;
	}

		.sec_visual .title01 .txt01 {
			font-size: 20px;
			font-size: 5.555vw;
			line-height: 1.2;
			margin-bottom: 3.888%
		}

	/*#about .title01 {
		line-height: 1.3
	}*/

	.brochure {
		padding: 2.226% 16px
	}

		.brochure a.file_down {
			padding-right: 5.462%;
			font-size: 11px;
			font-size: 3.055vw;
		}

			.brochure a.file_down > span {
				padding-right: 24px;
				padding-right: 6.759vw;
				background-image: url(../images/icn_file_m.jpg);
				background-size: 15px auto;
				background-size: 4.259vw auto
			}

	.fix_area {
		max-width: 100%;
	}

	.sec_cont {
		padding: 11.111% 0
	}

	.About_Area {
		padding: 11.11% 0 13.055%
	}

	.design_list {
		max-width: 100%
	}

		.design_list > li:first-child,
		.design_list > li {
			float: none;
			width: 100%;
			padding: 0;
			margin-bottom: 5.55%
		}

			.design_list > li:after,
			.design_list > li:nth-child(2):before,
			.design_list > li:nth-child(3):before {
				display: none
			}

			.design_list > li .tit {
				padding: 1.8% 0;
				font-size: 13px;
				font-size: 3.703vw;
			}

			.design_list > li .cont {
				min-height: initial;
				padding: 4% 16px 5.2%;
				font-size: 11px;
				font-size: 3.055vw;
			}

	#service .cont_img:first-of-type {
		margin-bottom: 9.259%
	}

	.map_bg {
		background: none
	}	

	.organ_list {
		max-width: 100%;
		padding-top: 0
	}

		.organ_list > li {
			float: none;
			width: 100%;
			padding: 0;
			margin-bottom: 5.37%;
		}

			.organ_list > li:last-child {
				margin-bottom: 0
			}

		.organ_list .depth01 {
			margin-bottom: 2.407%;
			font-size: 13px;
			font-size: 3.703vw;
		}

			.organ_list .depth01 .inner {
				height: 30px;
				height: 8.333vw;
			}

		.organ_list .depth02 > li {
			padding: 0.925% 0;
			font-size: 11px;
			font-size: 3.055vw;
		}

		.organ_list .box {
			max-width: 100%;
		}

	.logistics_list > li {
		padding-bottom: 4%;
	}

	.logistics_list .division {
		padding: 0
	}

		.logistics_list > li:before,
		.logistics_list .division > li:before {
			display: none
		}

		.logistics_list .division > li,
		.logistics_list > li:nth-child(2) .division > li {
			float: none;
			width: 100%;
			padding: 0;
			margin-bottom: 1.8%;
		}

	.logistics_list > li .division > li:last-child {
		margin-bottom: 0
	}

	.logistics_list .depth {
		font-size: 13px;
		font-size: 3.703vw;
	}

		.logistics_list .depth .inner {
			height: 30px;
			height: 8.333vw;
		}

	#contact .title02 {
		font-size: 5.555vw;
		margin-bottom: 5.555%
	}

	.contact_Area02 .title02 { font-size: 5.555vw;
		margin-bottom: 5.555%
	}

	.map_wrap {
		/*padding-top: 73.469%;*/
		margin-bottom: 3.703%;
	}

	.addr dt,
	.addr dd,
	.addr th,
	.addr td {
		font-size: 11px;
		font-size: 3.055vw;
		padding-bottom: 5px;
	}
	/*
	.addr dt,
	.addr th{display: none}
	*/
	.addr dt, .addr th {
		padding-right: 6px;
	}

	#sec07 {
		padding-top: 0;
		padding-bottom: 13.888%
	}

	.faq_list > li .faq_tit {
		/*padding: 4.88% 0;*/
		padding-right: 6.4%
	}

	.faq_list > li .faq_cont {
		line-height: 1.8;
	}

		.faq_list > li .faq_cont .inner {
			padding: 5.555% 0;
		}

		.faq_list > li .faq_tit,
		.faq_list > li .faq_cont .inner {
			padding-left: 8.333%;
			font-size: 11px;
			font-size: 2.055vw;
		}

	.faq_list > li .icn {
		top: 17px;
		left: 2.87%;
		font-size: 13px;
		font-size: 2.703vw;
	}

	.faq_list > li .faq_cont .icn {
		top: 1.15em;
	}

	.faq_list > li .faq_tit:after {
		width: 3.673%;
		height: 0;
		padding-top: 2.04%;
		top: 1.7em;
		right: 2.777%
	}

	#footer {
		padding: 5.6% 0 5.8%;
		text-align: center;
		font-size: 11px;
		font-size: 2.355vw;
	}

		#footer .logo {
			width: 44.629%;
			margin: 0 auto 3.703%
		}

		#footer address span.mo {
			display: inline
		}
	
		/* [SC logistics] twkim / 20200702 자동 슬라이드 */
		/* visual */
		.visual_slide .item .bg{background-image: url(/Images/visual01_mo.jpg)}	
		.visual_slide .item:nth-child(2) .bg{background-image: url(/Images/visual02_mo.jpg)}
		.visual_slide .item:nth-child(3) .bg{background-image: url(/Images/visual03_mo.jpg)}
		.visual_slide .item:nth-child(4) .bg{background-image: url(/Images/visual04_mo.jpg)}
		.visual_slide .item:nth-child(5) .bg{background-image: url(/Images/visual05_mo.jpg)}
		.visual_slide .item:nth-child(6) .bg{background-image: url(/Images/visual06_mo.jpg)}

		.visual_slide .item .txt_w{padding-top: 15%;padding-bottom: 110px;}
		.visual_slide .item .txt01{padding: 0 15px;}
		.visual_slide .item .txt01 img {height:60px;}
		.visual_slide .item p{font-size: 19px;font-weight:normal;line-height: 1.5} 

		.visual .slick-dots{top: unset;margin-top: 0px;}
		.visual .slick-dots li{width: 4px;height:4px;margin: 0 5px;}
		.visual .slick-dots li.slick-active{border-width: 2px;}
		.visual .scroll_down{opacity: 1;} /*display 변경 해야될 가능성이 있음. 기존에 display:normal*/

		.pause,
		.play{width:10px;height:11px;margin-left: 10px;}

		/* [SC logistics] twkim / 20200708 회사소개 */
		.About_visual02{padding: 120px 15px 55px;}
		.About_visual02 .title01{display: none;}

		.About_visual02 .history_list > li{margin-bottom: 1px;position: relative;font-size: 11pt;}
		.About_visual02 .history_list > li:before{width: 4px;height:4px;top:5px;margin-left:-2px;}
		.About_visual02 .history_list > li .year{font-size: 11pt;margin-bottom: 2px;}
		.About_visual02 .history_list > li:nth-child(odd) .year,
		.About_visual02 .history_list > li:nth-child(odd) p{margin-left: 12px;}
		.About_visual02 .history_list > li:nth-child(even) .year,
		.About_visual02 .history_list > li:nth-child(even) p{margin-right: 12px;}

		.About_visual02 .history_line,
		.About_visual02 .history_line:before,
		.About_visual02 .history_line:after,
		.About_visual02 .history_line .circle{position: absolute;left:50%;top:-28px;
			-webkit-transform: translateX(-50%);
			-moz-transform: translateX(-50%);
			-o-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			-sand-transform: translateX(-50%);
			transform:translateX(-50%);
		}

		.About_visual02 .history_line .circle:last-child,
		.About_visual02 .history_line:after{top: auto;bottom: -28px;}
		.About_visual02 .history_line:before,
		.About_visual02 .history_line:after,
		.About_visual02 .history_line .circle{height:28px;}
		.About_visual02 .history_line .circle{width: 7px;height:7px;}
		.About_visual02 .history_line{top:0;width: 1px;height:100%;background-color: rgba(233,233,233,0.15);}

		/* [SC logistics] twkim / 20200708 Contact - QnA */
		.search_form{margin-bottom: 15px;padding-top: 16px;}	

		.btn_search{width:60px;height:30px;font-size: 12px;}
		.btn_search > span{padding-right:11px;background-size: 7px 7px;}

		.board_list > table thead th,
		.board_list > table td{height:35px;font-size: 11px;}
		.board_list > table thead th:first-of-type{border-top-left-radius:8px;}
		.board_list > table thead th:last-of-type{border-top-right-radius:8px;}
		.board_list > table .icn_notice{height:5px;}
		.board_list .w1{width: 10%}
		.board_list .w2{width: 12%}
		.board_list .w3{width: 26%}

		/* Paging */
		.base_paging{margin-top:15px;}
		.base_paging a.page{width:25px;height:25px;background: url(/Images/cont/sp_paging.png) no-repeat 0 0 / auto 25px;margin: 0 2px;}
		.base_paging a.page{width:25px;height:25px;margin: 0 2px;}

		.base_paging a.page.prev{background-position: -25px 0}
		.base_paging a.page.next{background-position: -50px 0}
		.base_paging a.page.last{background-position: -75px 0}
		.base_paging .number{vertical-align:middle;font-size: 0;margin-left: -1px;position: relative;z-index: 1;padding: 0 5px;}
		.base_paging .number .on{min-width:25px;line-height:25px;font-size:12px;}

		.sel{height:30px;padding:0 24px 0 5px;font-size:12px;}
		:root .sel{background-size: auto 7px;}

		.int{height: 30px;padding: 0 8px;font-size: 12px;}

		/* About */
		.About_Area01 {/*padding-top:25px;*/padding-bottom: 50px;}
		.About_Area02 {padding-bottom: 50px;}
		.About_visual01 {padding:80px 0}
		.About_visual01 p {margin-right:40px;font-size:15pt;line-height:45px;}
		.About_visual01 p .About_impactFont {font-size:25pt}
		.About_visual02 .fix_inner {padding:0 10px;}
		
		/* Business */
		.swiper-slide {height:500px !important;}
		.business_background {height:500px;padding:0 15px}

		.business_Area01 {padding:25px 0 25px 0}
		.business_Area02 {padding:25px 0 25px 0}
		.business_visual01 {padding: 15px 20px;}
		.business_visual01 .business_title {font-size:12pt}
		.business_visual01 .business_content {font-size:9pt;line-height: 25px;}
		.business_visual01 .business_content_ul {line-height: 25px;}
		.business_visual01 .business_content_ul li {font-size:9pt}
		.business_visual01 .business_content_ul li:first-child {font-size:11pt}

		.business_visual02 {padding: 25px 30px;}
		.business_visual02 .business_title {font-size:15pt;margin-bottom:0;}
		.business_visual02 .business_ImpactFont {font-size:20pt}
		.business_visual02 .business_Impactcontent {font-size:13pt}
		.business_visual02 .business_content {font-size:11pt;line-height: 30px;}

		/* Contact */
		.contact_Area01 {padding:25px 0}
		.contact_Area02 {padding:25px 0 100px 0}
		
		.tbl_type01 > table th {padding:9px 10px;font-size: 9pt;}
		.tbl_type01 > table td {padding:9px 10px;font-size: 9pt;}
		
		/* 위로 올라가기 버튼 */
		.btn_top{width: 0px;height:0px;}

		/* 모바일-메뉴  */
		/*.total_menu {display:none; position:fixed; left:0px; top:0; z-index:900; width:100%; height:100%;}
		.total_menu .dim {display:none;position:fixed; left:0; top:0; z-index:10; width:100%; height:100%; background-color: rgba(0,0,0,.6);}
		.total_menu .total_nav{position:absolute;top:7.5%;right:-78%;width:50%;height:24.6%;z-index:11;text-align:left;font-size: 16px;color: #333;overflow-y: auto;
			background-color: rgba(0,0,0,.8);*/

			/*background: rgb(62,83,124);*/ /* Old browsers */
			/*background: -moz-linear-gradient(to bottom ,rgba(11,79,140,1) 43%,rgba(31,135,182,1) 100%);*/ /* FF3.6-15 */
			/*background: -webkit-linear-gradient(to bottom ,rgba(11,79,140,1) 43%,rgba(31,135,182,1) 100%);*/ /* Chrome10-25,Safari5.1-6 */
			/*background: linear-gradient(to bottom,  rgba(62,83,124,1) 0%,rgba(70,109,140,1) 67%,rgba(31,135,182,1) 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			/*background : linear-gradient(to bottom ,rgba(0,122,65,1) 43%,rgba(0,153,84,1) 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e537c', endColorstr='#1f87b6',GradientType=0 );*/ /* IE6-9 */
		/*}
		.total_menu .nav_tit{padding:16px 0;padding-left: 20px;border-bottom: 2px solid #fff;position: relative}
		.total_menu .nav_tit .close{position:absolute;top:0;right:0;display: inline-block;width: 52px;height:100%;background: url(/Images/icn_close.png) no-repeat 50% 50% / 12px 13px;}
		.total_menu .lnb > li{float:none;margin-left:0;transition:none;border-bottom: 2px solid rgba(255,255,255,0.2)}
		.total_menu .lnb > li > a{line-height:53px;display: block;font-size: 14px;color: #fff;font-weight: 800;padding-left: 20px;}	
	
		.lnb {position:unset;top:0;right:0;transition:none}*/
}