@charset "UTF-8";

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,
em,img,ins,kbd,q,samp,small,strong,sub,sup,var,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,
menu,nav,section,summary,time,mark,audio,video,input{ margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;font-style:normal; }
body{line-height:1.2;word-break:break-all}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav,ul,li{list-style:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;color:#333}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #f2f2f2;margin:15px 0 20px;padding:0}
input,select{vertical-align:middle}
html{font-size:13px}
caption{overflow:hidden;visibility:hidden;width:0;height:0;font-size:1px}
img { vertical-align:top; }
html,body{height:100%;background:#f4f4f4}
button{background: transparent;}

.text-hidden {position: absolute;text-indent: -9999em;}

#wrap {overflow-x: hidden; width: 100%;}
.container {width: 100%; margin: 0 auto;}
.swiper-slide:last-child .kbcard__notice {padding-bottom: 115px;}
.s1 .container>img {max-width: 800px; width: 100%;}

.pc {display: block !important;}
.mo {display: none !important;}
.mobile .btn .pc, .mobile .kbcard__btns .pc {display: none !important;}
.mobile .btn .mo, .mobile .kbcard__btns .mo {display: block !important;}
.btn a {display: block; width: 100%; height: 100%;}

.swiper-pagination-bullet-active {opacity: 1; background: #bbb632;}

/* 메인 헤더 영역 */
.kbcard__header {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 100%;
  background: #000516;
}

.kbcard__header .kbcard__content {width: 100%; margin-top: -45px; transform: scale(.93);}
.kbcard__header .kbcard__content .contents {top: 42%; width: 1571px; margin-left: -785.5px;}
.kbcard__header img {margin: 0 auto; vertical-align: top;}

/* 공통 contents */
.kbcard__content .contents {position: absolute; left: 50%; top: 0; overflow: hidden; width: 900px; height: 100%; margin-left: -450px; text-align: center;}

/* kbcard__event */
.kbcard__event {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 100%;
  background-color: #efefef;
}
.kbcard__event.bg2 {background-color: #041020;}
.kbcard__event .kbcard__content {position: relative; transform: scale(.93);}
.kbcard__event .kbcard__content .contents .btnEvent {position: absolute; left: 50%; top: 83.8%; width: 32%; height: 8.2%; transform: translateX(-50%);}
.kbcard__event .kbcard__content .contents .btnBenefit {position: absolute; left: 50%; top: 85%; width: 44%; height: 6.8%; transform: translateX(-50%);}
.btnEvent a, .btnBenefit a {position: absolute; text-indent: -9999em;}

.kbcard__event .kbcard__content .contents .list {overflow: hidden; position: absolute; left: 50%; top: 22.5%; width: 68.1%; height: 65.3%; padding-left: .5%; transform: translateX(-50%);}
.kbcard__event .kbcard__content .contents .list ul {width: 100%; height: 100%;}
.kbcard__event .kbcard__content .contents .list li {position: relative; float: left; width: 25.8%; height: 32.9%; margin-right: 12.4%; margin-bottom: 25.9%;}
.kbcard__event .kbcard__content .contents .list li:nth-child(2) {margin-right: 10.2%;}
.kbcard__event .kbcard__content .contents .list li:nth-child(3n) {margin-right: 0;}
.kbcard__event .kbcard__content .contents .list li:nth-child(4) {margin-left: 17.5%; margin-right: 12%; margin-bottom: 0;}
.kbcard__event .kbcard__content .contents .list li:last-child {margin-bottom: 0;}
.kbcard__event .kbcard__content .contents .list li a {position: absolute; display: block; width: 100%; height: 100%; text-indent: -9999em;}

/* 유의사항 */
.kbcard__notice {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-top: 55px;
  background: #e6e6e6;
}
.kbcard__notice .kbcard__content {max-width: 1200px; width: 100%;}
.kbcard__notice .kbcard__content .container {max-width: 92%;}
.kbcard__notice article.notice {width: 100%;}
.kbcard__notice article.notice2 {width: 100%; background-color: #e2e2e2;}
.kbcard__notice article ul li {
  padding-left: 1.5rem;
  position: relative;
  word-break: keep-all;
  font-size: 18px;
  color: #626262;
  line-height: 1.5;
}
.kbcard__notice.n2 {padding-top: 5px;}
.kbcard__notice.n2 article ul li {font-size: 34px;}
.kbcard__notice.n2 article ul li.last {font-size: 18px;}
.kbcard__notice.n2 article ul li.last::before {content: "";}
.kbcard__notice article ul li.bold {
  font-weight: bold;
  color: #404040;
}
.kbcard__notice article ul li.tit{
  padding-left: 0;
}
.kbcard__notice article ul li:before {
  content: " -";
  position: absolute;
  left: 0;
}
.kbcard__notice article ul li.tit:before {
  content: "";
}
.kbcard__notice article ul li.parent:before {
  content: "•";
}
.kbcard__notice article ul li.parent2 {
  padding-left: 2.2rem;
}
.kbcard__notice article ul li.parent2:before {
  content: "※";
}
.kbcard__notice article ul li.parent__none:before {
  content: "";
}
.kbcard__notice article.notice ul li:last-child {
  margin-bottom: 0;
}

/* 하단 버튼 */
.kbcard__btns {
  bottom: 0;
  position: fixed;
  display: flex;
  align-items: center;
  width: 100%;
  max-height: 75px;
  background: #ffd264;
  z-index: 1000;
}
.kbcard__btns .in {
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.kbcard__btns .in a {float: left; display: inline-block; width: 50%;}
.kbcard__btns .in a.btn1 {background: #ffd264; text-align: right;}
.kbcard__btns .in a.btn2 {background: #00ade4; text-align: left;}
.kbcard__btns img {
  max-width: 360px;
  width: 100%;
  line-height: 0;
  cursor: pointer;
  vertical-align: bottom;
}



@media (max-width: 1200px) {
  .kbcard__notice.n2 article ul li {font-size: 3.3vw;}
}
@media (max-width: 1000px) {
  .kbcard__notice.n2 article ul li {font-size: 3.8vw;}
  .kbcard__notice article ul li {padding-left: 1.2rem;}
  .kbcard__notice article ul li, .kbcard__notice.n2 article ul li.last {font-size: 1.8vw;}
}
@media (max-width: 720px) {
  .swiper-slide:last-child .kbcard__notice {padding-bottom: 17%;}
  .pc {display: none !important;}
  .mo {display: block !important;}
  .kbcard__header {background-size: 100%;}
  .kbcard__header img, .kbcard__event img {width: 100%;}
  .kbcard__content .contents {width: 100% !important; margin-left: -50% !important;}
  .kbcard__header .kbcard__content {margin-top: -20px;}
  .kbcard__header .kbcard__content, .kbcard__event .kbcard__content {transform: scale(1);}
  .kbcard__event .kbcard__content .contents .btnBenefit {width: 55%;}
  .kbcard__event .kbcard__content .contents .list {width: 85.3%;}
  .kbcard__notice {padding-top: 6%;}
  .kbcard__notice article ul li {word-break: break-all;}
  .kbcard__notice.n2 article ul li {font-size: 4.5vw;}
}
@media (max-width: 640px) {
  .kbcard__notice.n2 article ul li {font-size: 5.5vw;}
}
@media (max-width: 480px) {
  .kbcard__notice.n2 article ul li {font-size: 6vw;}
}