@charset "utf-8";

/*==========================================================================  */
/*=================================[    PC    ]===================================  */
/*==========================================================================  */

.tab-btn{
	padding-bottom: 45px;
	border-bottom: 1px solid #C3C3C3;
}

.tab-btn .policy-btn{
	width: 250px;
    font-size: 20px;
    padding: 13px 0px;
    border-radius: 10px;
    border: 1px solid #C3C3C3;
    background: #fff;
    color: #666666;
    box-shadow: 5px 7px 5px -5px rgba(0, 0, 0, 0.3);
    margin-right: 20px;
}

.tab-btn .policy-btn.on{
	border: 2px solid #157CF4;
	color: #157CF4;
}

.tab-content{
	padding: 40px 60px;
}

.tab-content .tab-page h3{
	font-size: 22px;
	margin-bottom: 5px;
}

.tab-content .tab-page ul > li{
	margin-bottom: 30px;
}

.tab-content .tab-page ul > li > p{
	font-size: 18px;
	color: #444;
	margin-bottom: 8px;
	padding: 0px 10px;
}

.tab-content .tab-page ol > li{
	font-size: 18px;
	color: #444;
	margin-bottom: 8px;
	padding: 0px 10px;
}

.tab-content .tab-page ol > li span{
	margin-right: 8px;
}

.tab-content .tab-page ol > li div {
	padding: 0px 40px;
}

.tab-content .tab-page ol > li div p::before{
	content: "·";
	margin-right: 5px;
}
/*==========================================================================  */
/*================================[    Mobile    ]=================================  */
/*==========================================================================  */
@media all and (min-width: 1024px) and (max-width: 1400px) {
	
}

@media all and (min-width: 640px) and (max-width: 1024px) {
	
}

@media all and (min-width: 360px) and (max-width: 640px) {
	
}