@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; margin: 0 auto;}
	#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; 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}
	.cardimg { width: 242px; margin: 0 auto;}

	.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; }
	.day-bg{background: #932400; padding: 50px 20px 50px 80px;}
	.day-bg .day-text{ color: #fff; font-size: 1.5rem; font-weight: 400;  text-align: left;}
	.center{width: 100%; margin: 0 auto; text-align: center; }
	.center img {width: 488px; margin: 0 auto !important; text-align: center; padding: 170px 0 0 0; }
	.sub-con {margin: 100px 20px 100px 50px; font-size: 1.8rem; color: #333;}

	.sub-con .s-t, .s-t {background: #333; border-radius: 30px; padding: 2px 20px; color: #fff; margin-right:15px; }
	.s-tt{font-size: 1.5rem; text-align: center; width: 150px;}
	.sub-con .s-c{font-size: 2rem; line-height: 4rem }
	.sub-con .s-cc {margin-left: 140px; font-weight: 300; color: #666;}
	.sub-con .s-cc li {margin-top: 18px;}
	.sub-con .s-cc li.in, .sub-con .s-cc .in{margin-left: 25px;}
	
	.info{ background: #e0dee4;	margin-top: 150px; padding: 100px 50px 70px 70px; }
	.s-info{margin: 30px 10px;}
	.s-info li{margin: 10px 0; font-size: 1.3rem; color: #666;}
	.text-b {font-weight: 600;}
	.text-bxl {font-weight: 700 !important;}
	.ss-info{padding-top: 20px;}
	.ss-info li{margin: 10px 0; font-size: 1.3rem; color: #444; font-weight: 300;}

	.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;}

	.day-bg{background: #932400; padding: 20px 20px;}
	.day-bg .day-text{ color: #fff; font-size: 0.8rem;}
	.center img {width: 65%; padding: 80px 0 0 0;}
	.sub-con {margin: 40px 30px; font-size: 0.9rem; }

	.sub-con .s-t {padding: 2px 10px; margin-right: 8px; line-height: 2.3rem;}	
	.sub-con .s-c{font-size: 1rem; line-height: 1.6rem;  }
	
	.sub-con .s-cc {margin-left: 10px; font-weight: 400; }
	.sub-con .s-cc li {margin-top: 12px;}
	.sub-con .s-cc li.in, .sub-con .s-cc .in{margin-left: 10px;}
	.s-info li{font-size: 0.9rem}
	.s-tt{font-size: 1.1rem; width: 100px; }
	.info{ margin-top: 100px; padding: 50px; }
	
	
	.link-pc { display: none; }
    .link-mo { display: block; }

}