@charset "utf-8";

/* 공통 */
.bg-grey {
	background: #f9f9f9 !important;
}
ul,li {
	margin:0;
	padding:0;
	list-style:none;
}
.mt40 {
	margin-top:40px !important;
}
.mt45 {
	margin-top:45px !important;
}
.mt50 {
	margin-top:50px !important;
}
@media (max-width:767px) {
	.mt30-xs {
		margin-top:30px !important;
	}
	.mt35-xs {
		margin-top:35px !important;
	}
	.mt40-xs {
		margin-top:40px !important;
	}
}
.top-des{
	font-size:16px !important;
}
.document-tit{
	font-size:19px;
	color:#333;
	font-weight:bold;
	letter-spacing: -0.01em;
	margin-bottom:16px;
}
.document-sub-tit{
	font-size:16px;
	color:#333;
	font-weight:bold;
	letter-spacing: -0.01em;
	margin-bottom:15px;
}
.document-des .document-sub-tit{
	margin-top:13px;
}
.document-des{
	font-size:14px;
	color:#333;
	letter-spacing: -0.01em;
	line-height: 1.5;
}
p.hyphen{
	padding-left:9px;
	position:relative;
}
p.hyphen:before{
	content:'';
	display:block;
	position:absolute;
	top:10px;
	left:0;
	width:5px;
	height:1px;
	background:#333333;
}
.document-des p + p{
	margin-top:7px;
}
.table-wrap{
	margin-top:15px;
}
.table-wrap table{
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
	table-layout: fixed;
}
.table-wrap table + table{
	margin-top:30px;
}
.table-wrap table.table-list thead th{
	font-size:15px;
}
.table-wrap table.table-list th{
	height:42px;
	font-size:14px;
	color:#333333;
	letter-spacing: -0.01em;
	border:1px solid #ededed !important;
	padding:0;
	text-align: center;
	word-break: break-all;
}
.table-wrap table.table-list td{
	font-size:14px;
	color:#333;
	letter-spacing: -0.01em;
	line-height: 21px;
	padding:24px 30px;
	border:1px solid #ededed !important;
	text-align: center;
	word-break: break-all;
}
.table-wrap table.table-list td.num{
	padding:0;
}
.table-wrap table.table-list td p + p{
	margin-top:7px;
}
.table-wrap .document-des{
	margin-top:17px;
}
.section .img-box{
	text-align: center;
	margin-top:15px;
	border: 1px solid #ebebeb;
}
.section .img-box + .img-box {
	margin-top:30px;
}
.section h4{
	font-size:15px;
	font-weight:bold;
	letter-spacing: -0.025em;
	margin:25px 0 10px;
}
.tab-wrap{
	position:relative;
}
.tab-wrap:before{
	content:'';
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:1px;
	background:#999;
}
.use-tabs{
	display:table;
	border-collapse: collapse;
	text-align: center;
	position:relative;
}
.use-tabs li{
	display:table-cell;
	width:230px;
	vertical-align: middle;
	border:1px solid #999999;
	background:#f9f9f9;
	cursor:pointer;
	font-size:15px;
}

.use-tabs li.active{
	background:#fff;
	letter-spacing: -0.1px;
	font-weight:700;
	position:relative;
	border-bottom:1px solid #fff;
}

.use-tabs li + li.active:before{
	content:'';
	display:block;
	position:absolute;
	top:-1px;
	left:-1px;
	width:1px;
	height:100%;
	background:#999999;
}

.use-tabs li a {
	color:#333;
	display: block;
	padding:14px 0;
	text-decoration: none;
	font-family:'pretendard', sans-serif;
}

.use-content .tab-pane:not(.active){
	display:none;
}
@media (max-width:767px) {
	.use-tabs li{
		width:140px;
		height:38px;
		font-size:13px;
	}
	.document-sub-tit{
		font-size:15px;
		line-height: 1.6;
		margin-bottom:12px;
	}
	.document-des{
		font-size:13px;
		word-break: keep-all;
	}
	.table-wrap{
		overflow-x:auto;
	}
	.table-wrap table.mobile-scroll {
		width: 705px;
	}
	.table-wrap table{
		word-break: keep-all;
	}
	.table-wrap table.table-list thead th{
		font-size:14px;
	}
	.table-wrap table.table-list th{
		font-size:13px;
		height:38px;
	}
	.table-wrap table.table-list td{
		font-size:12px;
		padding:10px 13px;
	}
	.table-wrap table.table-list td p + p{
		margin-top:3px;
	}
	b, strong{
		font-weight:700;
	}
	.document-tit{
		font-size:17px;
		margin-bottom:14px;
		line-height: 1.4;
	}
	.top-des{
		font-size:15px !important;
	}
	.section .img-box + .img-box{
		margin-top:20px;
	}
	.img-box img{
		width:100%;
	}
}
.document-common {
	color:#555;
	/*margin-top:-20px;*/
	vertical-align:middle;
}
.document-common .sector {
	margin-bottom:50px;
	padding-top:20px;
}
.document-common .sector h4 {
	font-size: 19px;
	color: #333;
	font-weight: bold;
	letter-spacing: -0.01em;
	margin-bottom: 16px;
}
.document-common .sector .intro {
	font-size:14px !important;
	padding:10px 15px;
	color:#fff;
	background:#4f9ccb;
	margin-bottom:20px;
}
.document-common .sector .contents {
}
.document-common .sector .contents .unit {
	margin-bottom:40px;
}
.document-common .sector .contents h5 {
	font-size: 16px;
	color: #333;
	font-weight: bold;
	letter-spacing: -0.01em;
	margin-bottom: 15px;
}
.document-common .sector .contents h5.big-h5:before {
	display:none;
}
.document-common .sector .contents h5.big-h5 {
	font-size:20px;
	padding-left:0;
	padding-top: 20px;
}
.document-common .sector .contents h6 {
	font-size:13px;
	font-weight:bold;
	margin:0 0 5px;
	color:#444;
}
.document-common .sector .contents .text {
	font-size:13px;
	margin-bottom:10px;
	line-height:160%;
}
.document-common .sector .contents .image {
	border:1px solid #ddd;
	padding:5px;
	margin-bottom:10px;
}
.document-common .sector table.table-bordered thead th {
	background:#fbfbfb;
	border-bottom:none;
}
.document-common .arrow {
	display:inline-block;
	width:5px;
	height:10px;
	background:url('../imgs/btn-arrow.png') no-repeat;
	margin-left:14px;
	vertical-align: middle;
}
.document-common .btn-default {
	color:#fff;
	background-color:#a0a0a0 !important;
	border-color:#a0a0a0 !important;
}
.document-common .btn-group-xs>.btn,
.document-common .btn-xs {
	padding:1px 10px;
}
.document-common .btn-orange {
	background-color:#ff6600 !important;
	border-color: #ff6600 !important;
}
.document-common .img-responsive {
	margin:0 auto;
}
.document-common .box{
	text-align: center;
	padding: 5px 10px;
	margin: 15px 0;
	border:1px solid #e5e5e5;
	background:#f9f9f9;
}


/* 각 페이지별 커스텀 */
/* 배송대행 서비스란? + 구매대행 서비스란? */
.document-common .info-process {
	margin-top:10px;
}
.document-common .info-process ul {
	padding:0;
	margin:0;
}
.document-common .info-process li {
	border:1px solid #e4e4e4;
	border-width:1px 0;
	position:relative;
	display:inline-block;
	width:100%;
	padding:0;
	margin:0;
	margin-top:47px;
	list-style:none;
	background-repeat:no-repeat;
	background-position: 70px center;
	line-height:150%;
	color:#666;
	font-size:13px;
	padding-left:200px;
}
.document-common .info-process li:first-child {
	margin-top:0;
}
.document-common .info-process li .inner {
	padding:25px 20px 25px 25px;
	border-left:1px solid #e4e4e4;
}
.document-common .info-process li .inner h6 {
	color:#e33d27;
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
}
.document-common .info-process li:before {
	display:block;
	border-radius:10px;
	background:#4c4c4b;
	color:#fff;
	width:20px;
	height:20px;
	text-align:center;
	position:absolute;
	padding-top:1px;
	padding-left:1px;
	font-size:12px;
	font-weight:normal;
	left:11px;
	top:10px;
}
.document-common .info-process li:nth-of-type(1):before {
	content:"1";
}
.document-common .info-process li:nth-of-type(2):before {
	content:"2";
}
.document-common .info-process li:nth-of-type(3):before {
	content:"3";
}
.document-common .info-process li:nth-of-type(4):before {
	content:"4";
}
.document-common .info-process li:nth-of-type(5):before {
	content:"5";
}
.document-common .info-process li:nth-of-type(6):before {
	content:"6";
}
.document-common .info-process li:nth-of-type(7):before {
	content:"7";
}
.document-common .info-process li:nth-of-type(8):before {
	content:"8";
}
.document-common .info-process li:nth-of-type(9):before {
	content:"9";
}
.document-common .info-process ul li:after {
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:-37px;
	width:100%;
	height:27px;
	background:url("../imgs/delivery_info_arrow.gif") no-repeat center center;
}
.document-common .info-process li:first-child:after {
	display:none;
}

@media(max-width:768px) {
	.document-common .info-process li {
		border-width:1px;
		padding-left:0;
		padding-top:100px;
		background-position:center 20px;
	}
	.document-common .info-process li:before {
		left:25px;
		top:20px;
	}
	.document-common .info-process li .inner {
		border-left:none;
		padding-top:10px;
		padding-bottom:15px;
	}
}


/* 배송대행 서비스란? */
#document-delivery-info .info-process li:nth-of-type(1) {
	background-image:url("../imgs/delivery_info_icon1.gif");
}
#document-delivery-info .info-process li:nth-of-type(2) {
	background-image:url("../imgs/delivery_info_icon2.gif");
}
#document-delivery-info .info-process li:nth-of-type(3) {
	background-image:url("../imgs/delivery_info_icon3.gif");
}
#document-delivery-info .info-process li:nth-of-type(4) {
	background-image:url("../imgs/delivery_info_icon4.gif");
}
#document-delivery-info .info-process li:nth-of-type(5) {
	background-image:url("../imgs/delivery_info_icon5.gif");
}
#document-delivery-info .info-process li:nth-of-type(6) {
	background-image:url("../imgs/delivery_info_icon6.gif");
}
#document-delivery-info .info-process li:nth-of-type(7) {
	background-image:url("../imgs/delivery_info_icon7.gif");
}
#document-delivery-info .info-process li:nth-of-type(8) {
	background-image:url("../imgs/delivery_info_icon8.gif");
}

/* 구매대행 서비스란? */
#document-buying-info .info-process li:nth-of-type(1) {
	background-image:url("../imgs/buying_info_icon1.gif");
}
#document-buying-info .info-process li:nth-of-type(2) {
	background-image:url("../imgs/buying_info_icon2.gif");
}
#document-buying-info .info-process li:nth-of-type(3) {
	background-image:url("../imgs/buying_info_icon3.gif");
}
#document-buying-info .info-process li:nth-of-type(4) {
	background-image:url("../imgs/buying_info_icon4.gif");
}
#document-buying-info .info-process li:nth-of-type(5) {
	background-image:url("../imgs/buying_info_icon5.gif");
}
#document-buying-info .info-process li:nth-of-type(6) {
	background-image:url("../imgs/buying_info_icon6.gif");
}
#document-buying-info .info-process li:nth-of-type(7) {
	background-image:url("../imgs/buying_info_icon7.gif");
}
#document-buying-info .info-process li:nth-of-type(8) {
	background-image:url("../imgs/buying_info_icon8.gif");
}
#document-buying-info .info-process li:nth-of-type(9) {
	background-image:url("../imgs/buying_info_icon9.gif");
}


/* 구매대행 신청방법 */
#document-buying-step {
	margin:0
}
#document-buying-step .common-tab-menu li {
	width:50%;
}
#document-buying-step h4 {
	margin: 0 0 10px;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	color: #444;
}
#document-buying-step ol.list {
	overflow: hidden;
	margin: 0;
	padding: 0;
}
#document-buying-step ol.list li {
	margin-bottom:20px;
}
#document-buying-step ol.list li .number {
	font-weight: normal;
	font-size:13px;
	line-height:20px;
	margin-bottom:2px;
}
#document-buying-step ol.list .info {
	font-size:13px;
	padding-left:19px;
}
#document-buying-step .img {
	margin:20px auto;
	border: 1px solid #d9d9d9;
}
@media (max-width:768px) {
	#document-buying-step .nation-tab-menu li {
		width:50%;
	}
}


/* 배송대행 신청방법 */
#document-delivery-step ol.list {
	overflow: hidden;
	margin: 0;
	padding: 0;
}
#document-delivery-step ol.list li {
	margin-bottom:20px;
}
#document-delivery-step ol.list li .number {
	font-weight: normal;
	font-size:13px;
	line-height:20px;
	margin-bottom:2px;
}
#document-delivery-step ol.list .info {
	font-size:13px;
	padding-left:19px;
}
#document-delivery-step .img {
	margin:20px auto;
	border: 1px solid #d9d9d9;
}

/* 회원등급 이용안내 */
#document-member .table-bordered>thead>tr>td,
#document-member .table-bordered>thead>tr>th {
	text-align: center;
	border-bottom-width:1px;
}
#document-member .table-bordered>tbody>tr>th{
	font-weight:bold;
	background:#fbfbfb;
	text-align: center;
}
#document-member .table-bordered>tbody>tr>td{
	text-align: center;
}

/* 관/부가세 */
#document-customs h6 {
	margin-top:20px;
}
#document-customs table thead tr th {
	text-align: center;
}
#document-customs table tbody tr td {
	text-align: center;
}
#document-customs table tbody tr td:first-child {
	text-align: left;
}



/* 추천아이템 */
#document-goods .goods {
	border:1px solid #ddd;
	padding:10px;
	text-align:center;
	min-height:390px;
	margin-bottom:10px;
}
#document-goods .goods .image {
	display:table;
	width:100%;
	height:250px;
	margin-bottom:10px;
}
#document-goods .goods .thumbnail {
	display:table-cell;
	vertical-align:middle;
}
#document-goods .goods .image img {
	max-width:230px;
	max-height:230px;
}
#document-goods .goods .brand {
	font-weight:bold;
	text-align:left;
	color:#333;
}
#document-goods .goods .title {
	text-align:left;
	height:40px;
	font-size:12px;
	overflow:hidden;
	color:#666;
}

/* 수입금지 품목 */
#document-prohibition .items {
	min-height:320px;
	margin-bottom:10px;
	text-align:center;
}
#document-prohibition .items .image {
	border:none;
	display:table;
	width:100%;
	height:230px;
	margin-bottom:10px;
	padding:0;
}
#document-prohibition .items .thumbnail {
	display:table-cell;
	vertical-align:middle;
	border:none;
	box-shadow:none;
}
#document-prohibition .items .image img {
	max-width:200px;
	max-height:200px;
}
#document-prohibition .items .title {
	text-align:left;
	font-size:12px;
	color:#666;
	height:70px;
	overflow:hidden;
	margin-bottom:0;
}


#document-delivery-write-before h4 {
	padding: 50px 15px;
	text-align:center;
	background: #fff;
	border:7px solid #fedad1;
}

/* 개인통관부호 발급안내 */
#document-personal .contents .img {
	margin-bottom:40px;
}

/* address */
#document-address table.table {
	border-collapse: collapse;
	width: 100%;
}
#document-address table.table th,
#document-address table.table td {
	border: 1px solid #ddd;
	text-align: left;
	padding: 10px;
	vertical-align: middle;
}
#document-address table.table th {
	font-weight: normal;
	background: #f9f9f9;
	font-size:14px;
}
#document-address table.table .cn {
	display:inline-block;
	vertical-align: middle;
	width:65px;
}
@media (max-width:768px) {
	#document-address table.table colgroup {
		display: none;
	}
	#document-address table.table {
		border-bottom: 1px solid #ddd;
	}
	#document-address table.table th,
	#document-address table.table td {
		display: block;
		border-bottom: none;
	}
}

/* 배송대행전화안내 */
#document-delivery-write-before {
	background:#f7f7f7;
	padding:50px 15px 60px;
	border-radius: 10px;
}
@media (max-width:767px) {
	#document-delivery-write-before {
		margin-top:0;
		padding:25px 15px 30px;
	}
}

/* 배송대행 방법, 구매대행 방법 */
.buy-process li{
	border-top:1px solid #ededed;
	padding:24px 0;
	display:flex;
	align-items: center;
}
.buy-process li:last-child{
	border-bottom:1px solid #ededed;
}
.buy-process li .img-icon{
	flex-basis:134px;
}
.buy-process li .text-box{
	flex:1;
}
.buy-process li h5{
	font-size:15px;
	font-weight:bold;
	letter-spacing: -0.01em;
	line-height: 21px;
	color:#333;
}
.buy-process li p{
	font-size:14px;
	line-height: 21px;
	color:#333;
	letter-spacing: -0.01em;
	margin-top:4px;
}
@media (max-width:767px) {
	.buy-process li{
		padding:18px 0;
	}
	.buy-process li .img-icon{
		flex-basis:80px;
	}
	.buy-process li .img-icon img{
		width:60px;
	}
}

/* 배송불가 리스트 */
#document-prohibited-items .table-list th{
	padding:0 24px;
	text-align: left;
	letter-spacing: -0.025em;
	height:50px;
}
#document-prohibited-items .table-list td{
	text-align: left;
	line-height: 25px;
	letter-spacing: -0.025em;
	padding:13px 24px;
}
.ordered-list li + li{
	margin-top:7px;
}
@media (max-width:767px) {
	#document-prohibited-items .table-list th{
		padding:0 13px;
	}
	#document-prohibited-items .table-list td{
		padding:10px 13px;
		line-height: 1.5;
	}
}