@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-display: swap;
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding:0; margin:0;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

@-ms-viewport{width:auto; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; font:inherit; word-break:keep-all;  }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
body {
	line-height:1; overflow-x:hidden;
	font-weight:500 ! important;
    background:#fff; font-family:'Pretendard', 'Nanum Square',  'Noto Sans KR', sans-serif;
	}
ol, ul {list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
table { border-collapse:collapse; border-spacing:0; }
button, input[type='button'] { background:none; border:none; display:inline-block; padding:0; outline:none; outline-offset:0; cursor:pointer; -webkit-appearance:none; }
button::-moz-focus-inner,   input[type='button']::-moz-focus-inner { border:none; padding:0; }
strong {font-weight:bold !important; }

a { font:inherit; text-decoration:none; color: #333;}
a:focus { outline:none; }
a:active { background-color:transparent; text-decoration:none; }
a[href^="tel:"], a[href^="callto:"] { color:inherit; text-decoration:none; }

html,body {height: 100%; color: #333;;}

.mt5 {margin-top:5px !important; }
.mt10 {margin-top:7px !important; }
.mt20 {margin-top:10px !important; }
.mt30 {margin-top:15px !important; }
.mt40 {margin-top:20px !important; }
.mt50 {margin-top:25px !important; }
.mt60 {margin-top:30px !important; }
.mt70 {margin-top:40px !important; }
.mt80 {margin-top:50px !important; }
.mt90 {margin-top:50px !important; }
.mt100 {margin-top:50px !important; }
.mt110 {margin-top:50px !important; }

.mb5 {margin-bottom:5px !important; }
.mb10 {margin-bottom:7px !important; }
.mb20 {margin-bottom:10px !important; }
.mb30 {margin-bottom:15px !important; }
.mb40 {margin-bottom:20px !important; }
.mb50 {margin-bottom:25px !important; }
.mb60 {margin-bottom:30px !important; }
.mb70 {margin-bottom:40px !important; }
.mb80 {margin-bottom:50px !important; }
.mb90 {margin-bottom:50px !important; }
.mb100 {margin-bottom:50px !important; }


.pdt5 {padding-top:5px !important; }
.pdt10 {padding-top:7px !important; }
.pdt20 {padding-top:10px !important; }
.pdt30 {padding-top:15px !important; }
.pdt40 {padding-top:20px !important; }
.pdt50 {padding-top:25px !important; }
.pdt60 {padding-top:30px !important; }
.pdt70 {padding-top:40px !important; }
.pdt80 {padding-top:50px !important; }
.pdt90 {padding-top:50px !important; }
.pdt100 {padding-top:50px !important; }

.pdt5 {padding-bottom:5px !important; }
.pdt10 {padding-bottom:7px !important; }
.pdt20 {padding-bottom:10px !important; }
.pdt30 {padding-bottom:15px !important; }
.pdt40 {padding-bottom:20px !important; }
.pdt50 {padding-bottom:25px !important; }
.pdt60 {padding-bottom:30px !important; }
.pdt70 {padding-bottom:40px !important; }
.pdt80 {padding-bottom:50px !important; }
.pdt90 {padding-bottom:50px !important; }
.pdt100 {padding-bottom:50px !important; }
.pdt110 {padding-bottom:50px !important; }

.fs10 {font-size:6px; }
.fs11 {font-size:8px; }
.fs12 {font-size:9px; }
.fs13 {font-size:11px; }
.fs14 {font-size:12px; }
.fs15 {font-size:12px; }
.fs16 {font-size:12px; }
.fs18 {font-size:14px; }
.fs20 {font-size:15px; }
.fs22 {font-size:16px; }
.fs24 {font-size:18px; }
.fs25 {font-size:20px; }
.fs26 {font-size:20px; }
.fs28 {font-size:20px; }
.fs30 {font-size:24px; }
.fs32 {font-size:24px; }
.fs35 {font-size:24px; }
.fs38 {font-size:24px; }
.fs40 {font-size:25px; line-height:1em; }
.fs42 {font-size:25px; line-height:1em; }
.fs48 {font-size:25px; line-height:1em; }
.fs50 {font-size:35px; line-height:1em; }
.fs60 {font-size:40px; line-height:1em; }
.fs70 {font-size:45px; line-height:1em; }
.fs80 {font-size:50px; line-height:1em; }

.fw100 {font-weight:100; }
.fw200 {font-weight:200; }
.fw300 {font-weight:300; }
.fw400 {font-weight:400; }
.fw500 {font-weight:500; }
.fw600 {font-weight:600; }
.fw700 {font-weight:700; }
.fw800 {font-weight:800; }
.fwbold {font-weight:bold; }

@media (min-width: 992px) {
	body {font-size:16px; }

	.mt5 {margin-top:5px !important; }
	.mt10 {margin-top:10px !important; }
	.mt20 {margin-top:20px !important; }
	.mt30 {margin-top:30px !important; }
	.mt40 {margin-top:40px !important; }
	.mt50 {margin-top:50px !important; }
	.mt60 {margin-top:60px !important; }
	.mt70 {margin-top:70px !important; }
	.mt80 {margin-top:80px !important; }
	.mt90 {margin-top:90px !important; }
	.mt100 {margin-top:100px !important; }
	.mt110 {margin-top:110px !important; }

	.mb5 {margin-bottom:5px !important; }
	.mb10 {margin-bottom:10px !important; }
	.mb20 {margin-bottom:20px !important; }
	.mb30 {margin-bottom:30px !important; }
	.mb40 {margin-bottom:40px !important; }
	.mb50 {margin-bottom:50px !important; }
	.mb60 {margin-bottom:60px !important; }
	.mb70 {margin-bottom:70px !important; }
	.mb80 {margin-bottom:80px !important; }
	.mb90 {margin-bottom:90px !important; }
	.mb100 {margin-bottom:100px !important; }
	.mb110 {margin-bottom:110px !important; }

	.pdt5 {padding-top:5px !important; }
	.pdt10 {padding-top:10px !important; }
	.pdt20 {padding-top:20px !important; }
	.pdt30 {padding-top:30px !important; }
	.pdt40 {padding-top:40px !important; }
	.pdt50 {padding-top:50px !important; }
	.pdt60 {padding-top:60px !important; }
	.pdt70 {padding-top:70px !important; }
	.pdt80 {padding-top:80px !important; }
	.pdt90 {padding-top:90px !important; }
	.pdt100 {padding-top:100px !important; }

	.pdb5 {padding-bottom:5px !important; }
	.pdb10 {padding-bottom:10px !important; }
	.pdb20 {padding-bottom:20px !important; }
	.pdb30 {padding-bottom:30px !important; }
	.pdb40 {padding-bottom:40px !important; }
	.pdb50 {padding-bottom:50px !important; }
	.pdb60 {padding-bottom:60px !important; }
	.pdb70 {padding-bottom:70px !important; }
	.pdb80 {padding-bottom:80px !important; }
	.pdb90 {padding-bottom:90px !important; }
	.pdb100 {padding-bottom:100px !important; }
	.pdb110 {padding-bottom:110px !important; }

	.fs10 {font-size:10px !important; }
	.fs11 {font-size:11px !important; }
	.fs12 {font-size:12px !important; }
	.fs13 {font-size:13px !important; }
	.fs14 {font-size:14px !important; }
	.fs15 {font-size:15px !important; }
	.fs16 {font-size:16px !important; }
	.fs18 {font-size:18px !important; }
	.fs20 {font-size:20px !important; }
	.fs22 {font-size:22px !important; }
	.fs24 {font-size:24px !important; }
	.fs25 {font-size:25px !important; }
	.fs26 {font-size:26px !important; }
	.fs28 {font-size:28px !important; }
	.fs30 {font-size:30px !important; }
	.fs32 {font-size:32px !important; }
	.fs35 {font-size:35px !important; }
	.fs38 {font-size:38px !important; }
	.fs40 {font-size:40px !important; line-height:1em; }
	.fs42 {font-size:42px !important; line-height:1em; }
	.fs48 {font-size:48px !important; line-height:1em; }
	.fs50 {font-size:50px !important; line-height:1em; }
	.fs60 {font-size:60px !important; line-height:1em; }
	.fs70 {font-size:70px !important; line-height:1em; }
	.fs80 {font-size:80px !important; line-height:1em; }
}


.container {padding: 0 20px; position: relative;}
@media (min-width:1120px) {
	.container {width: 1070px; margin: 0 auto; padding: 0;}
}
@media (min-width:1280px) {
	.container {width: 1280px;}
}




/* header */
.area-wrap {position: relative;}
.header {padding:20px 10px 30px;}
.header h1 {}
.header h1.logo img {width:140px;}
.header .intro_right {position: absolute;right:0;overflow:hidden;width:100%;top: 10px; text-align: right;}
.header .intro_right ul {font-size: 0;}
.header .intro_right ul li {display:inline-block;}
.header .intro_right ul li a {width:100%;display:block;border-radius: 0;height: auto;line-height: 1.25em;padding: 10px 12px;font-size: 13px;text-align: center;font-weight: 500;color: #fff;}
.header .intro_right ul li a.item1 {background:#1f2c5c;}

@media (min-width:780px) {
	.header h1.logo img {width:190px;}
	.header .intro_right {position:absolute;top: 26px;right: 0;}
	.header .intro_right ul li {float: right;width: auto;}
	.header .intro_right ul li a {width: inherit;display:block; height: auto;line-height: 1.25em;padding: 10px 15px;font-size: 15px;text-align: center;color: #fff;}

}
/*푸터*/
.color-p-w {color:#fff;}
.copyright {background:#2c2f39; padding:15px; color:#fff; }
.copyright p {display:block;  }
.copyright p:nth-child(2):before {display:none; }
@media (min-width:980px) {
  .copyright {padding: 30px 15px;}
  .copyright p:nth-child(2):before {display: inline-block; content:""; width:1px; height:15px; background:rgba(255, 255, 255, .2); vertical-align:middle; margin:0 15px;}
}

/*area-1*/
.banner-bg{background: url(../images/banner-bg.jpg) no-repeat; background-size: cover; background-position: top center;}
.banner-content{padding: 40px 0; text-align: center;}
.banner-content ul li{width: 100%; position: relative; overflow: hidden; text-align: left;} 
.banner-content ul li .banner-icon{position: absolute; right: 0; bottom: 0; opacity: 0.15; max-width: 150px;}
.banner-content ul li .banner-icon.bi-01{ right: -20px; bottom: 5px;}
.banner-content ul li .banner-icon.bi-02{ right: -35px; bottom: 5px;}
.banner-content ul li .banner-icon.bi-03{ right: -32px; bottom: -2px;}
.banner-content ul li .banner-icon.bi-04{ right: -25px; bottom: 15px;}
.banner-content ul li:nth-child(n+2){margin-top: 20px;}
.banner-content .bannerLink{display: block; padding: 20px; background: rgba(255, 255, 255, 0.9); transition: 0.5s; border-radius: 10px;}
.bannerLink .banner-title{font-weight: 500; font-size: 13px; color: #b22049;}
.bannerLink .banner-txt{font-weight: 700; font-size: 20px; margin-top: 12px;}
.bannerLink .banner-btn{font-size: 13px; margin-top: 20px; background: #b22049; padding: 10px 12px; color: #fff;}
.banner-content .bannerLink:hover{background: #b22049; transition: 0.5s;}
.bannerLink:hover .banner-title{color: #fff;}
.bannerLink:hover .banner-txt{color: #fff;}
.bannerLink:hover .banner-btn{color: #b22049; background: #fff;}
.bannerLink .banner-txt br{display: none;}
@media (min-width:359px) {
  .banner-content{margin: 0 -5px;}
  .banner-content ul li{width: calc(100% / 2 - 14px); margin: 0 5px; display: inline-block; vertical-align: top;}
  .banner-content ul li:nth-child(n+2){margin-top: 0px;}
  .banner-content ul li:nth-child(n+3){margin-top: 20px;}
  .bannerLink .banner-txt{min-height: 40px;}
  .banner-content ul li .banner-icon{display: none;}
  .bannerLink .banner-txt br{display: block;}
}
@media (min-width:540px) {
  .banner-content ul li .banner-icon{display: block;}
}
@media (min-width:1280px) {
  .banner-content{padding: 80px 0;}
  .banner-content ul li{width: calc(100% / 4 - 24px);}
  .banner-content ul li:nth-child(n+3){margin-top: 0px;}
  .banner-content .bannerLink{padding: 40px 30px;}
  .bannerLink .banner-txt{font-size: 26px; min-height: auto;}
  .bannerLink .banner-txt br{display: none;}
  .bannerLink .banner-title{font-size: 17px;}
  .bannerLink .banner-btn{font-size: 16px; padding: 10px 30px;}
}
/*area-2*/
.txt_c{text-align: center;}
.area-2{padding: 30px 0; background: url(../images/area-2-bg.jpg) no-repeat;  background-size: cover;  background-position: top center;}
.area-2 .two-title{ font-size: 27px; font-weight: 800; padding: 15px 0;}
.area-2 .two-stitle{font-size: 16px; color: #aaa;}
.schedule-box{margin-top: 20px;}
.schedule-box .schedule-title{display: inline-block; background: #1f2c5c; color: #fff; padding: 20px 20px; font-size: 16px; font-weight: 700;width: 100%;}
.schedule-box .schedule-txt{display: inline-block; padding: 20px 40px; font-size: 16px; font-weight: 700; background: #f1f4ff; width: 100%;}
@media (min-width:1280px) {
  .area-2{padding: 80px 0;}
  .area-2 .two-stitle{font-size: 20px;}
  .schedule-box .schedule-title{font-size: 20px; width: inherit;}
  .schedule-box .schedule-txt{ font-size: 20px; width: inherit;}
  .area-2 .two-title{ font-size: 40px; padding: 20px 0;}
  .schedule-box{margin-top: 25px;}
}

/*내용*/
.area-con{margin-bottom: 30px;}
.area-con img{max-width: 100%;}
@media (min-width:1280px) {
  .area-con{margin-bottom: 60px;}
}

/* 팝업 레이어 스타일 */
#popupLayer { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 95%;  height: 80%; background-color: white; z-index: 1000; box-shadow: 0 0 15px rgba(0,0,0,0.5);}
.iframe-box { width: 100%; height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; /* iOS에서 부드러운 스크롤 지원 */}
#popupLayer iframe { width: 100%; height: 100%;border: none;}
#overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 999;}
.close-btn { position: absolute; top: 10px; right: 10px; cursor: pointer; font-size: 20px; color: #fff;}
.popup-header{height: 40px; background: #b22049;}
#loadingImage { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1001;display: none; /* 기본적으로 숨김 */ max-width: 150px;}
@media (min-width:1280px) {
  #loadingImage { max-width: 100%;}
  #popupLayer{ width: 80%;height: 80%;}
}
/*스크롤*/
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background-color: #f6f6f6;
}
::-webkit-scrollbar-thumb {
  background-color: #d4d4d4;
}
::-webkit-scrollbar-button {
    display: none;
}
/* 코너에 라운드 효과 */
.container::-webkit-scrollbar-track,
.container::-webkit-scrollbar-thumb {
    border-radius: 5px;
}