@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanslao.css);
	html, body {width: 100%; height: 100%; padding:0; margin:0;}
	img{ display:block;  padding:0; margin:0}
	ul, li, div{padding:0; margin:0}
	li{ list-style:none; }
	a, button{cursor: pointer; border: 0; margin: 0; padding: 0; background-color: transparent;}

	#content {width: 1170px; padding-top: 10px;}
	#content .active {z-index: 1;opacity: 1;}
	.img_tab{ width:1170px; float:left; margin:0; padding:0;}
	.img_tab li{ list-style:none; float:left;}
	.img_tab1{ float:left;}
	.img_tab2{ float:right;}
	.btn{background: #fff;  width: 1170px; margin: 0 auto; text-align: center; margin-bottom: 130px;}
	.btn li{ width:418px; margin: 0 auto;}
	.btn-bg2{background: url("images/202206-KB-54-promotion-06.jpg"); height: 46px; width: 1170px;}
	.btn-left{position:relative; left:179px; float: left;}
	.btn-right{position:relative; left:538px; float: left;}
	.btn3{padding: 150px 0; width: 100%; margin: 0 auto; text-align: center;}
	.btn3-pu{width: 609px; margin: 0 auto; text-align: center;}
	.card-box{background: #f0eef4;display:inline-grid; width: 100%;}
	.card-box2{ width: 996px; margin: 0 auto; display: flex;}
	.card01{width: 447px; margin: 0 auto; text-align: center; }
	.card01 button{width: 242px; margin: 0 auto; align-content: center; border: 0}

	.search{width: 1170px; text-align: center; margin: 0 auto; float: left; }
	.search a{text-decoration: none; cursor: pointer;}
	.search-btn:hover{background: #222; box-shadow: 0 0; }
	.search-btn{ background: #333; color: #fff; text-align: center; margin: 0 auto; font-size: 24px; font-weight: 600; padding: 22px 0 28px 0; border-radius: 50px; letter-spacing: -0.5px; width: 600px; }
	.search-padding{padding: 120px 0 150px 0; margin: 0 auto; }

	.link-pc { display: block; }
	.link-mo { display: none; }

@media all and (max-width: 769px) {	
	body{ background: #fff;}
	img{width: 100%; }	
	#content {width: 100%; padding-top: 0px;}	
	.btn{ width: 100%; margin-bottom: 40px;}
	.btn li{width: 50%; margin-bottom: 40px;}
	.card-box2{ width: 90%; display: block;}
	.card01{width: 85%;} 
	.card01 button{ margin: 0 auto;}
	.card01 img{margin: 0 auto; }
	.cardimg{width: 55% !important;}
	.card-padding{margin-top: 50px;}
	.btn3{padding: 50px 0;}
	.btn3-pu{width: 70%;}
	.search{width: 100%;}
	.search-btn{ width:100%; font-size: .9rem; font-weight: 500; padding: 7px 15px;}
	.search-padding{padding: 50px 0px 50px 0;}

	
	.link-pc { display: none; }
    .link-mo { display: block; }

}