@charset 'UTF-8'; 
.mainImg{
	background:url(../images/sub4/main_img.png) center center no-repeat;
}

.customerSupportInfo {
	padding-top:30px;
	text-align:center;
}
.tileLink{
	display: flex;
}
.tileLink li{
	width:25%;
}
.tileLink li a{
	border:1px solid #e4e6ea;
	display: table;
	width:100%;
	height:78px;
	border-collapse: collapse;
	margin-right:-1px;
	text-decoration: none;
}
.tileLink li a span{
	font-size:2rem;
	line-height:2rem;
	display: table-cell;
	vertical-align: middle;
}
.tileLink li a span em{
	font-size:1.6rem;
	line-height:1.6rem;
	display: block;
	padding-top:4px;
}
.tileLink li.active a, .tileLink li a:hover{
	background:#005ab3;
	color:#fff;
}
.tileLink li a:hover{
	border:1px solid #e4e6ea;
}
.tileLink li.active a span, .tileLink li.active a em,
.tileLink li a:hover span, .tileLink li a:hover em{
	color:#fff;
}
.listArea{
	padding-top:100px;
}

.listArea table .left{
	padding-left:20px;
}

.faqList, .faqView{
	border-top:1px solid #494949;
	text-align:left;
}
.faqList li, .faqView dt, .faqView dd{
	border-bottom:1px solid #e3e3e3;
	padding:0 20px;
}
.faqList li a, .faqView dt span{
	font-size:1.5rem;
	line-height:5.2rem;
	background:url(../images/sub4/faq_q_icon.gif) left center no-repeat;
	display: inline-block;
	height:100%;
	padding-left:50px;
	color:#606060;
}
.faqList li a:hover{
	color:#202020;
}

.faqView dt span{
	font-size:2.1rem;
	line-height:6.3rem;
	color:#3c341c
}
.faqView dd{
	padding:22px 20px 22px 70px;
	background:url(../images/sub4/faq_a_icon.gif) 20px 20px no-repeat;
	font-size:1.5rem;
	line-height:2.4rem;
}
.customerSupportInfo .btnArea{
	text-align:right;
}

.privacyPolicy {
	text-align:left;
}
.privacyPolicy h3{
	color:#005ab3;
	font-size: 2.4rem;
	line-height: 2.4rem;
	padding-bottom:32px;
}
.privacyPolicy h4{
	font-size: 1.8rem;
	line-height: 1.8rem;
	padding-bottom:5px;
}
.privacyPolicy p{
	font-size: 1.5rem;
	line-height: 2.5rem;
	padding-bottom:19px;
	word-break: keep-all;
	padding-right:20px;
}
.borderBox .type24, .borderBox .type18{
	color:#202020;
}

p.joinServiceInfo{
	font-size:1.6rem;
	padding-bottom:90px;
	line-height:2.6rem;
}
p.joinServiceInfo span{
	font-size:2.4rem;
	color:#005ab3;
}

.gudelingInfo .bgGrayBox h3{
	padding-bottom:24px;
}
.gudelingInfo .bgGrayBox .numberList{
	padding:40px 20px 35px;
	padding-left:15%;
}

.siteMap{
	padding-top:20px;
}

.siteMap li a{
	font-size:2rem;
	line-height:2rem;
	color:#202020;
	font-weight: bold;
	text-decoration: none;
	display: block;
}

.siteMap li a span{
	display: block;
	font-size: 1.4rem;
	line-height:1.4rem;
	color: #a5a5a5;
	font-weight: normal;
	padding-top:0.5rem;
}

.siteMap ul ul li a{
	font-weight:bold;
	font-size:1.5rem;
	line-height:1.5rem;
	display: block;
}

.siteMap ul ul li span{
	display: block;
	color:#808080;
	font-size:1.5rem;
	line-height:1.5rem;
	font-weight:normal;
}

.siteMap li a:hover, .siteMap li a:hover span{
	color: #008af1;
}

.siteMap>ul{
	display:flex;
	width:100%;
}
.siteMap>ul>li{
	width:20%;
	text-align:center;
}
.siteMap ul a{
	border:5px solid #f6f7f9;
	margin:0 6px;
	padding:20px 0 14px;
}
.siteMap>ul>li:first-child a{
	margin-left:0;
}
.siteMap>ul>li:last-child a{
	margin-right:0;
}
.siteMap ul ul{
	padding:33px 5px 0;
}
.siteMap>ul>li li{
	padding-bottom:18px;
}
.siteMap ul ul a{
	border:0;
	margin:0;
	padding:0;
}
.siteMap>ul>li li a{
	text-align:left;
	text-indent: 36%;
}

.siteMap>ul>li.m5 li a{
	text-indent: 25%;
}

/* mobile size */
@media(max-width: 768px) {
	.customerSupportInfo .btnArea{
		text-align:center;
	}
	.article_1 ul li a {
		display: block;
		padding: 22px 23px 17px;
	}
	.gudelingInfo .bgGrayBox .numberList{
		padding:40px 10px 35px;
		padding-left:10px;
	}
}

/* mobile size */
@media(max-width: 767px) {
	.siteMap>ul{
		max-height:40px;
	}
	.siteMap>ul>li a{
		margin:0;
		margin-right:-5px;
		height:100%;
	}
	.siteMap>ul>li li a{
		text-indent: 4% !important;
	}

}
@media(max-width: 716px) {
	.siteMap>ul{
		max-height:58px;
	}
}
@media(max-width: 576px) {
	.siteMap>ul{
		max-height:70px;
	}
}