<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700&amp;display=swap');

html, body { height:100%; }
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	font-family: 'Noto Sans KR', "맑은 고딕", 'Malgun Gothic',  "나눔고딕", 'Nanum Gothic', Helvetica, Arial, sans-serif;
	color:#585858;
	font-size: 14px;
	line-height: 1.42857143;
	font-weight: 400;
	background-color: #F4F9FC;
}
body * { text-shadow: none; }
* {
	outline:none;
	padding:0;margin:0;
	border:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
a { color: inherit; text-decoration: none; }
img { max-width:100%; vertical-align: bottom; border:0; }
.container {
	width:100%;
	max-width: 850px;
	margin-right: auto;
	margin-left: auto;
}
.row { margin:0 -10px; }
.main { padding-bottom:25vw; background-color:#c2c2c2; }
.btn-group { display:flex;align-items:centr; margin:0px; }

/* swiper */
.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding:10px 40px;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swiper-button-next, .swiper-button-prev { color:#0863fa; }
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { font-size:80px; font-weight:900; }
.swiper-button-next:after, .swiper-button-prev:after { font-size:80px; font-weight:900; }
.swiper-button-next, .swiper-rtl .swiper-button-prev { right:30px; }
.swiper-button-prev, .swiper-rtl .swiper-button-next { left:30px; }



/* modal */
.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
       -o-transition: opacity .15s linear;
          transition: opacity .15s linear;
}
.fade.in {
  opacity: 1;
}
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
       -o-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-close {
	display: inline-block;
	position: absolute;
	top:50px;
	right:50px;
	width:49px;
	height:49px;
	background: url('../images/alert-close1.jpg') no-repeat center center /cover;
	cursor:pointer;
	text-indent: 99999px;
	overflow: hidden;
}
.modal-close.nth2 {
	top:40px;
	right:40px;
	width:55px;
	height:55px;
	background: url('../images/alert-close2.jpg') no-repeat center center /cover;
}

.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=80);
  opacity: .8;
}

.modal-dialog { 
	position: relative;
	width:100%;
	max-width:780px;
	border-radius: 6px;
	padding:10px !important;
	margin:0 auto;
}

.modal-content { 
	position: relative;
	width:100%;
	max-width:780px;
	text-align: center;
	border-radius: 0px;
	margin: 0 auto;
}
.modal-head { text-align: center; margin-bottom:20px; }
.modal-head &gt; img { max-width:65%; border:4px solid #5f5f5f; }
.modal-body {  }
.modal-body h3 { font-size:18px; text-align:center; line-height:1; }
.modal-body em { display:inline-block; font-style: normal; font-size:18px; text-align:center; margin-bottom:10px; }
.modal-body p { font-size: 12px; text-align:center; color:#666666; }
.modal-body span { display:block; font-size: 13px; margin-top:30px; text-align:justify; line-height:1.556985; }
.modal-foot { padding:5px 0; text-align:center; }

@media(min-width: 640px) {
	.modal-body h3 { font-size: 22px; }
	.modal-body p { font-size:14px; }
	.modal-body span  { font-size: 16px; margin-top:50px; }
	.modal-cast .modal-content { padding:50px !important; }
}

#notice1 .modal-close.nth2,
#notice2 .modal-close.nth2 {
	top:0;right:25px;
}


.swiper, .swiper-slide { background:#fefef2; }</pre></body></html>