@charset "utf-8";
/* CSS Document */

#slider-div {
	position: relative;
	width: 100vw;
	display: flex;
	overflow: hidden;
}
/*푸터*/
#footer {}

div .footer {
	margin: 0 auto;
	padding: 10px;
	background-color: #333333;
	text-align: center;
	color: #fff;
	font-size: 8px;
}
.footer .tel {
	font-size: 14px;
	color: #fff;
}
.footer .brand {
	padding: 10px 0;
	display: block;
	font-size: 20px;
	color: #FFD600;
}
a { text-decoration:none; }
body { 
margin: 0; }
.mlogo { margin:10px auto;}
h2 {font-size: 14px; color: #000; margin-bottom: 1px;}
#menu {margin-bottom: 12px;}

.receipt {
	font-size: 16px;
	padding-bottom: 26px;
	background: #fff;
}
.receipt > a {
	color: #262626;
}

.li .li1 {
	margin-bottom: 5px;
}
.li .li2 {
	margin-bottom: 0;
}
.notice1 {
  width: 100%; 
  border:1px solid #dbdbdb; 
/*  margin-left: 5px;*/
  background: #fff;
}
.notice1 li {
  overflow: hdden; text-overflow: ellipsis; white-space: nowrap; padding: 0 5px;
}
.notice1 li a {
  font-size: 14px;
  color: #000;
  border-bottom: 1px solid #dbdbdb;
  padding: 10px; display: block;
}
.notice1 span {
  color: #ff0303;
}
.notice1 li:last-child a {border-bottom:0;}
.conects_bg {
	background-color: #ECECEC;
	padding: 10px;
	margin-top: -5px;
}
.conects {
	margin: 10px;
	text-align: center;
	font-size: 10px;
	padding: 10px;
}
.conects a {	
	border: 1px solid #919191;
	padding: 10px;
	background-color: #A7F7E2;
}
.r_slide {
      width: 100%;
    }
.btn1 {
	display: flex;
	padding-top: 6px;
}
.btn1 img {
	max-width: 100%;
	height: auto;
}

/*탭보기*/
input[type="radio"] {
  display: none;
}
input[type="radio"] + label {
  display: inline-block;
  padding: 20px 15px;
  background: rgb(226, 225, 225);
  color: #999;
  font-size: 16px;
  cursor: pointer;
  margin-right: -8px;
}
input[type="radio"]:checked + label {
  background: #fff;
  color: rgb(255, 6, 6);
}
.tab_content {
  text-align: center;
}
.conbox {
  width: 100%;
/*  height: 810px;*/
  background: #fff;
  margin: 0 auto;
  display: none;
}
input[id="tab01"]:checked ~ .con1 {display: block;}
input[id="tab02"]:checked ~ .con2 {display: block;}
input[id="tab03"]:checked ~ .con3 {display: block;}
input[id="tab04"]:checked ~ .con4 {display: block;}

.tab1_bnt {
  /* border: 1px solid #000; */
  padding: 20px;
}
.tab1_bnt img {
  width: 100%;
  object-fit: contain;
  display: block;
}
.tab3_bnt1 img {
  width: 100%;
}