@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}


/*header*/
.hedaer_right {	width: 100%;	overflow: hidden; background: #e4a701;}
.hedaer_right .top_menu {	clear: both;	padding-bottom: 6px; margin: 0 auto;}
.hedaer_right .top_menu li {	display: inline;	margin-top: 15px;	text-align: center;}
.hedaer_right .top_menu li a {	font-weight: 600;	color: #fff;	font-size: 13px;}
.hedaer_right .top_menu li.last {	float: right;	padding-right: 7px;}
/*°Ë»ö*/
.search_form {	clear: both;	width: 90%;	border: 0px solid #666666;	margin-bottom: 5px;	margin: 0 auto;}
.search_form input {float: left;	width: 85%;	border: 1px solid #878787; height: 24px;}
.search_form p {	float: right;}
.search_form p img {	height: 24px;}
.hedaer_right .red_menu {	float: right;	border-radius: 20px;	background: #cc3300;	width: 100%;	overflow: hidden;	text-align: center;	padding-top: 5px;	padding-bottom: 5px;}
.hedaer_right .red_menu a {color: #fff;	border-right: 1px solid #fa865f;	padding-right: 5px;	font-size: 11px}
/*·Î±×ÀÎ*/
.login_area input {float: left;width: 90%;border: 1px solid #878787; height: 24px;}


/*slide*/
.mb-slide .swiper-slide { background: #fff;  display: flex;  justify-content: center; align-items: center;}
.mb-slide .swiper-slide img{display:block; max-width:100%}
.mb-slide .slid-arrow{width:80px; height:40px; position:absolute; bottom:20px; right:5%; display: flex; flex-wrap: wrap; align-items: center;}
.mb-slide .swiper-button-next:after, .mb-slide .swiper-button-prev:after {font-size: 17px !important; font-weight: 400 !important; color: #fff !important;}
.mb-slide .swiper-button-next, .mb-slide .swiper-button-prev { position: initial !important; box-sizing:border-box; top: 0 !important; width: 40px !important; height: 40px !important; background: rgba(0,0,0,.7) !important; margin-top: 0 !important;}
.mb-slide .swiper-button-prev{border-right:1px solid rgba(255,255,255,.4)}
.mb-slide .swiper-button-next:hover, .mb-slide .swiper-button-prev:hover{background:rgba(0,0,0,.9) !important}

/*¹è³Ê*/
.mb-banner {display:flex; flex-wrap:wrap; justify-content: space-between;}
.mb-banner > div{width:50%;}
.mb-banner > div a{display:inline-block; width:100%; height:100%; position:relative; }
.mb-banner a:hover{text-decoration:none !important}
.bn-left a{padding-bottom: 30px; box-sizing: border-box;}
.bn-left img{max-width:100%}
.bn-left p{display: inline-block; background: #540002; width: 100%; line-height:40px; position: absolute; left: 0; bottom: 0; text-align: center; color: #fff; font-size: 14px; font-weight: 500;}
.bn-right{display:flex; flex-flow:column;}
.bn-right dl{width:100%; height:50%; border-bottom:1px solid #ddd; box-sizing:border-box}
.bn-right dl a{display:inline-block; width:100%; height:100%; display:flex; flex-flow:column; align-items:center; justify-content:center }
.bn-right dl a:hover{background:#f7f7f7}
.bn-right dl a img{width:90px;}
.bn-right dl a span{font-size:14px; font-weight:500; margin-top:5px; text-align:center;}

/*¹Ù·Î°¡±â ¹öÆ°*/
.mb-btn ul{display:flex; flex-wrap:wrap; justify-content: space-between; border-bottom:1px solid #ddd}
.mb-btn li{width:calc(100%/3); box-sizing:border-box; border-right:1px solid #ddd;}
.mb-btn li:last-child{border-right:none }
.mb-btn li a{display:flex; flex-flow:column; align-items:center; width:100%; height:100%; padding:20px 10px; box-sizing:border-box}
.mb-btn li a img{width:90px;}
.mb-btn li a p{font-size:14px; font-weight:500; margin-top:5px}
.mb-btn li a:hover{text-decoration:none !important}

/*°øÁö»çÇ×*/
.mb-tit{font-size:22px; font-weight:600; line-height:1; margin-bottom:12px;  text-align:center;}
.notice .mb-tit{color:#ff9900; }
.notice{padding:50px 0; box-sizing:border-box; width:92%; max-width:500px; margin:0 auto; background: url('/images/new/bg_01_2024.jpg?ver=1') center no-repeat; background-size:cover}
.notice-list{border-top:1px solid #000; border-bottom:2px solid #ddd; padding:12px 0; box-sizing:border-box}
.notice-list li{width:100%; box-sizing:border-box; padding:8px 0; font-size:14px !important; font-weight:300; line-height:1.3 !important; height: auto !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/*ÃàÇÏÀÎÅͺä*/
.video-box{display:flex; flex-flow:column}
.video-box .mb-tit{color:#d0095a}

/*footer*/
footer {padding:30px 5%; box-sizing:border-box; background: #0f3044;}
footer p{color:#fff; text-align:center; line-height:1.6; font-size:13px; font-weight:300}



/*ºÎ´ëÇÁ·Î±×·¥*/
.program {width:100%; display:flex; flex-flow:column; align-items:center;}
.program li{padding: 25px; border: 7px solid #efefef; width: 95%; box-sizing: border-box; text-align:center;}
.program li:nth-child(n+2){margin-top:10px;}
.program li h5{font-size:15px; font-weight:300}
.program li h1{font-size:22px; font-weight:600; margin:5px 0; color:#fa9a02}
.program li p{line-height: 1.5; font-size: 14px; color: #999; margin-bottom:10px}
.program li img{display:block; max-width:100%; border-radius:15px}


/*ÇÁ·Î±×·¥ µðÅ×ÀÏ*/
.prog-detail{width:95%; max-width:600px; margin:0 auto 30px;}
.introduce h1{color:#ff3737; font-size:20px; line-height:1; padding-left:12px; position:relative; margin-bottom:10px}
.introduce h1::before{content:''; display:block; width:3px; height:15px; background:#ff3737; position:absolute; top:0; left:0;}
.introduce p{font-family: 'Pretendard-Regular' !important; font-size:14px; line-height:1.4; padding-left:12px;}
.myButton{display:flex; flex-wrap:wrap; justify-content:center; margin-top:20px; padding-top:20px; border-top:1px solid #ddd; }
.myButton a{color:#fff; background:#000; font-size:15px; padding:10px 20px 8px; border-radius:5px}


/*ÃàÁ¦»çÁø °Ô½ÃÆÇ*/
.photo-tab{display:flex; flex-wrap:wrap; justify-content: space-between; }
.photo-tab li{width:calc(100%/4 - 3px); }
.photo-tab li:nth-child(n+5){margin-top:5px;}
.photo-tab li a{display:inline-block; width:100%; line-height:36px; padding:0 10px; box-sizing:border-box;  font-size:14px; text-align:center; border-radius:100px; background:#efefef; letter-spacing:-1px; text-decoration:none !important; color:#666; cursor:pointer}
.photo-tab li a.on, .photo-tab li a:hover{ background: #ff9900; color: #fff; }





@media (max-width: 340px) {
/*slide*/
.mb-slide .slid-arrow{width:70px; height:35px; bottom:15px;}
.mb-slide .swiper-button-next:after, .mb-slide .swiper-button-prev:after {font-size: 15px !important; }
.mb-slide .swiper-button-next, .mb-slide .swiper-button-prev {width: 35px !important; height: 35px !important;}

/*¹è³Ê*/
.mb-banner > div{width:100%;}
.bn-left a{ text-align:center}
.bn-right{flex-flow: row;}
.bn-right dl{width:50%; height:auto !important; border-right:1px solid #ddd;}
.bn-right dl:last-child{border-right:none}
.bn-right dl a{padding: 15px 10px; box-sizing:border-box}
.bn-right dl a span{font-size:13px; }

/*¹Ù·Î°¡±â ¹öÆ°*/
.mb-btn li a{padding:15px 10px; }
.mb-btn li a img{width:85px;}
.mb-btn li a p{font-size:13px;}

/*°øÁö»çÇ×*/
.mb-tit{font-size:20px; margin-bottom:10px;}
.notice{padding:35px 0; }
.notice-list{ padding:10px 0;}
.notice-list li{padding:6px 0; font-size:13px !important;  }

/*footer*/
footer p{font-size:12px; }

/*ÇÁ·Î±×·¥ µðÅ×ÀÏ*/
.introduce h1{font-size:18px;padding-left:10px; }
.introduce h1::before{width:2px; height:13px; top:1px;}
.introduce p{font-size:13px;padding-left:10px;}
.myButton{margin-top:15px; padding-top:15px;}
.myButton a{font-size:14px; padding:8px 16px 6px; border-radius:3px}

.tb_base2 {margin:30px 0 !important;}
.tb_base2 tbody th, .tb_base2 tbody td {font-size: 13px !important;}


/*ÃàÁ¦»çÁø °Ô½ÃÆÇ*/
.photo-tab{justify-content: flex-start; }
.photo-tab li{width:calc(100%/3 - 3px); margin-right:4px;}
.photo-tab li:nth-child(3n){margin-right:0}
.photo-tab li:nth-child(n+4){margin-top:5px;}
.photo-tab li a{line-height:32px; font-size:13px; padding-top:3px}
}






.select01 {
	border: 1px solid #dfe1e2;
	height: 35px;
}
.select02 {
	border: 1px solid #dfe1e2;
	height: 35px;
	width: 335px;
}
.s_title {
	width: 100%;
	margin-top: 25px;
}
.s_title ul {
	width: 80%;
	margin: 0 auto;
	text-align: center;
}
.s_title ul li.bigt {
	font-size: 22px;
	border-bottom: 1px solid #dfe1e2;
	padding-bottom: 10px;
}
.s_title ul li.smallt {
	padding-top: 10px;
	font-size: 15px;