@charset "utf-8";

@font-face {
	font-family: 'Escoredream';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff');font-weight: 100;font-display: swap;
}

@font-face {
	font-family: 'Escoredream';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff');font-weight: 200;font-display: swap;
}

@font-face {
	font-family: 'Escoredream';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');font-weight: 300;font-display: swap;
}

@font-face {
	font-family: 'Escoredream';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');font-weight: normal;font-display: swap;
}

@font-face {
	font-family: 'Escoredream';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');font-weight: 500;font-display: swap;
}

@font-face {
	font-family: 'Escoredream';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');font-weight: 600;font-display: swap;
}

@font-face {
	font-family: 'Escoredream';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');font-weight: 700;font-display: swap;
}

@font-face {
	font-family: 'Escoredream';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff');font-weight: 800;font-display: swap;
}

@font-face {
	font-family: 'Escoredream';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff');font-weight: 900;font-display: swap;
}

html {
	overflow-y: scroll;
}

body {
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
	background: #fff;
	overflow-x: hidden;
	word-break: keep-all;
	font-weight: 400;
	letter-spacing: -1px;
}

html, h1, h2, h3, h4, h5, h6, form, fieldset, img {
	margin: 0;
	padding: 0;
	border: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 19px;
	font-family: "Pretendard Variable", Pretendard, 'Noto Sans KR', 'sans-serif';
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

ul, dl,dt,dd {
	margin: 0;
	padding: 0;
	list-style: none;
}

legend {
	position: absolute;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999em;
	overflow: hidden;
}

label, input, button, select, img {
	vertical-align: middle;
	font-size: 1em;
}

input, button, textarea, select {
	margin: 0;
	padding: 0;
	font-size: 1em;
	border: none;
	position: relative;
	color: #222222;
	font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

input[type="submit"] {
	cursor: pointer;
}

button {
	cursor: pointer;
}

select {
	margin: 0;
}

p {
	margin: 0;
	padding: 0;
	word-break: break-all;
}

hr {
	display: none;
}

pre {
	overflow-x: scroll;
	font-size: 1.1em;
}

a {
	color: #000;
	text-decoration: none;
}

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

input[type=text],input[type=password], textarea {
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
	-webkit-box-shadow: 0 0 5px #9ed4ff;
	-moz-box-shadow: 0 0 5px #9ed4ff;
	box-shadow: 0 0 5px #9ed4ff;
	border: 1px solid #558ab7 !important;
}

.placeholdersjs {
	color: #aaa !important;
}

#wrap .util_wrap {
	display: inline-block;
	z-index: 99;
	position: fixed;
	right: 90px;
	top: 33px;
}

#util_list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-size: .8rem;
	color: rgba(0,0,0,0.7);
	font-weight: 300;
	letter-spacing: 0.2px;
}

#util_list li {
	display: flex;
	flex-wrap: wrap;
}

#util_list li a {
	display: inline-block;
}

#util_list > li + li:before {
	display: inline-block;
	content: "";
	width: 1px;
	height: 10px;
	background: rgba(0,0,0,0.3);
	margin: 3px 10px 0 9px;
}

#hd_pop, #hd_wrapper, #tnb .inner, #ft_wr {
	width: 1200px;
}

#hd_pop {
	z-index: 1000;
	position: relative;
	margin: 0 auto;
	height: 0;
}

#hd_pop h2 {
	position: absolute;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}

.hd_pops {
	position: absolute;
	border: 1px solid #e9e9e9;
	background: #fff;
}

.hd_pops img {
	max-width: 100%;
}

.hd_pops_con {
}

.hd_pops_footer {
	padding: 0;
	background: #000;
	color: #fff;
	text-align: left;
	position: relative;
}

.hd_pops_footer:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: "";
}

.hd_pops_footer button {
	padding: 10px;
	border: 0;
	color: #fff;
}

.hd_pops_footer .hd_pops_reject {
	background: #000;
	text-align: left;
}

.hd_pops_footer .hd_pops_close {
	background: #393939;
	position: absolute;
	top: 0;
	right: 0;
}

#hd {
	background: #212020;
}

#hd_h1 {
	position: absolute;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}

#tnb {
	display: none;
	border-bottom: 1px solid #383838;
	margin: 0 auto;
}

#tnb:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: "";
}

#tnb .inner {
	margin: 0 auto;
}

#hd_wrapper {
	position: relative;
	margin: 0 auto;
	height: 140px;
	zoom: 1;
}

#hd_wrapper:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: "";
}

#logo {
	float: left;
	padding: 30px 0 0;
}

.hd_sch_wr {
	display: none;
	float: left;
	padding: 30px 0;
	width: 445px;
	margin-left: 65px;
}

#hd_sch h3 {
	position: absolute;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}

#hd_sch {
	border-radius: 30px;
	overflow: hidden;
}

#hd_sch #sch_stx {
	float: left;
	width: 385px;
	height: 45px;
	padding-left: 10px;
	border-radius: 30px 0 0 30px;
	background: #2c2c2c;
	border: 0;
	border-right: 0;
	font-size: 1.25em;
	color: #fff;
}

#hd_sch #sch_submit {
	float: left;
	width: 60px;
	height: 45px;
	border: 0;
	background: #2c2c2c;
	color: #fff;
	border-radius: 0 30px 30px 0;
	cursor: pointer;
	font-size: 16px;
}

#hd_define {
	float: left;
}

#hd_define:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: "";
}

#hd_define li {
	float: left;
	font-size: 1.083em;
	line-height: 14px;
	border-right: 1px solid #4a4a4a;
	position: relative;
	text-align: center;
	margin: 15px 10px 15px 0;
	padding-right: 10px;
}

#hd_define li:last-child {
	padding-right: 0;
	margin-right: 0;
	border-right: 0;
}

#hd_define li a {
	display: inline-block;
	color: #919191;
}

#hd_define li.active a {
	color: #fff;
}

#hd_qnb {
	float: right;
	text-align: right;
}

#hd_qnb:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: "";
}

#hd_qnb li {
	float: left;
	font-size: 1.083em;
	line-height: 14px;
	border-right: 1px solid #4a4a4a;
	position: relative;
	text-align: center;
	margin: 15px 10px 15px 0;
	padding-right: 10px;
}

#hd_qnb li:last-child {
	padding-right: 0;
	margin-right: 0;
	border-right: 0;
}

#hd_qnb li span {
	display: block;
	margin-top: 5px;
	font-size: 0.92em;
}

#hd_qnb li a {
	display: inline-block;
	color: #919191;
}

#hd_qnb .visit .visit-num {
	display: inline-block;
	line-height: 16px;
	padding: 0 5px;
	margin-left: 5px;
	border-radius: 10px;
	background: #da22f5;
	color: #fff;
	font-size: 10px;
}

.hd_login {
	display: flex;
	margin: 0 auto;
	justify-content: center;
}

.hd_login li {
	margin: 0 5px;
	padding-left: 10px;
	line-height: 13px;
}

.hd_login li:first-child {
	border-left: 0;
}

.hd_login a {
	color: #666;
}

.gnb_1dli .bg {
	position: absolute;
	top: 24px;
	right: 8px;
	display: inline-block;
	width: 10px;
	height: 10px;
	overflow: hidden;
	background: url('../img/gnb_bg2.gif') no-repeat 50% 50%;
	text-indent: -999px;
}

.gnb_1da {
	display: block;
	font-weight: bold;
	padding: 0 15px;
	color: #080808;
	text-decoration: none;
}

.gnb_1dli.gnb_al_li_plus .gnb_1da {
	padding-right: 25px;
}

.gnb_2dli:first-child {
	border: 0;
}

.gnb_2dul {
	display: none;
	position: absolute;
	top: 54px;
	min-width: 140px;
	padding-top: 2px;
}

.gnb_2dul .gnb_2dul_box {
	border: 1px solid #e0e2e5;
	border-top: 0;
	padding: 0;
	-webkit-box-shadow: 0px 1px 5px rgba(97, 97, 97, 0.2);
	-moz-box-shadow: 0px 1px 5px rgba(97, 97, 97, 0.2);
	box-shadow: 0px 1px 5px rgba(97, 97, 97, 0.2);
}

.gnb_2da {
	display: block;
	padding: 0 10px;
	line-height: 40px;
	background: #fff;
	color: #080808;
	text-align: left;
	text-decoration: none;
}

a.gnb_2da:hover {
	color: #144992;
	background: #f7f7f8;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.gnb_1dli_air .gnb_2da {
}

.gnb_1dli_on .gnb_2da {
}

.gnb_2da:focus, .gnb_2da:hover {
	color: #fff;
}

.gnb_1dli_over .gnb_2dul {
	display: block;
	left: 0;
}

.gnb_1dli_over2 .gnb_2dul {
	display: block;
	right: 0;
}

.gnb_wrap .gnb_empty {
	padding: 10px 0;
	width: 100%;
	text-align: center;
	line-height: 2.7em;
	color: #080808;
}

.gnb_wrap .gnb_empty a {
	color: #144992;
	text-decoration: underline;
}

.gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a {
	color: #555;
}

#gnb .gnb_menu_btn {
	background: #4158d1;
	color: #fff;
	width: 50px;
	height: 55px;
	border: 0;
	vertical-align: top;
	font-size: 18px;
}

#gnb .gnb_close_btn {
	background: #fff;
	color: #b6b9bb;
	width: 50px;
	height: 50px;
	border: 0;
	vertical-align: top;
	font-size: 18px;
	position: absolute;
	top: 0;
	right: 0;
}

#gnb .gnb_mnal {
	float: right;
	padding: 0;
}

#gnb_all {
	display: none;
	position: absolute;
	border: 1px solid #c5d6da;
	width: 100%;
	background: #fff;
	z-index: 1000;
	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
	box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

#gnb_all h2 {
	font-size: 1.3em;
	padding: 15px 20px;
	border-bottom: 1px solid #e7eeef;
}

#gnb_all .gnb_al_ul:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: "";
}

#gnb_all .gnb_al_ul > li:nth-child(5n+1) {
	border-left: 0;
}

#gnb_all .gnb_al_li {
	float: left;
	width: 20%;
	min-height: 150px;
	padding: 20px;
	border-left: 1px solid #e7eeef;
}

#gnb_all .gnb_al_li .gnb_al_a {
	font-size: 1.2em;
	display: block;
	position: relative;
	margin-bottom: 10px;
	font-weight: bold;
	color: #144992;
}

#gnb_all .gnb_al_li li {
	line-height: 2em;
}

#gnb_all .gnb_al_li li a {
	color: #555;
}

#gnb_all_bg {
	display: none;
	background: rgba(0,0,0,0.1);
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
}

#wrapper {
}

#container_wr:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: "";
}

#container_wr {
	margin: 0 auto;
	zoom: 1;
}

#aside {
	display: none;
	float: right;
	width: 235px;
	padding: 0;
	height: 100%;
	margin: 20px 0 20px 20px;
}

#container {
	position: relative;
	font-size: 1em;
	width: 100%;
	zoom: 1;
}

#container:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: "";
}

#container_title {
	font-size: 1.333em;
	margin: 0 auto;
	font-weight: bold;
}

#container_title span {
	margin: 0 auto 10px;
	display: block;
	line-height: 30px;
}

.lt_wr {
	width: 32%;
}

.lt_wr:nth-child(3n+1) {
	clear: both;
}
 

.latest_wr:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: "";
}
  

#ft {
	background: #212020;
	margin: 0 auto;
	text-align: center;
}

#ft_wr {
	max-width: 1240px;
	margin: 0;
	padding: 40px 0;
	position: relative;
	display: inline-block;
	text-align: left;
}

#ft_wr:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: "";
}

#ft_wr .ft_cnt {
	width: 25%;
	float: left;
	padding: 0 20px;
}

#ft_link {
	text-align: left;
}

#ft_link a {
	display: block;
	color: #fff;
	line-height: 2em;
	font-weight: bold;
}

#ft_company h2 {
	font-size: 1.2em;
	margin-bottom: 20px;
}

#ft_company {
	font-weight: normal;
	color: #e3e3e3;
	line-height: 2em;
}

#ft_catch {
	margin: 20px 0 10px;
}

#ft_copy {
	text-align: center;
	width: 1200px;
	margin: 0 auto;
	padding: 20px 0;
	color: #5b5b5b;
	font-size: 0.92em;
	border-top: 1px solid #383838;
}

#top_btn { 
	width: 50px;
	height: 50px;
	line-height: 46px;
	border: 2px solid #333;
	color: #333;
	text-align: center;
	font-size: 15px;
	z-index: 90;
	background: rgba(255,255,255,0.8);  border-radius: 100%;  margin-top: 20px;
}
 
#copymove {
}

#copymove .win_desc {
	text-align: center;
	display: block;
}

#copymove .tbl_wrap {
	margin: 20px;
}

#copymove .win_btn {
	padding: 0 20px 20px;
}

.copymove_current {
	float: right;
	background: #ff3061;
	padding: 5px;
	color: #fff;
	border-radius: 3px;
}

.copymove_currentbg {
	background: #f4f4f4;
}

#hd_login_msg {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}

.msg_sound_only, .sound_only {
	display: inline-block !important;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 0;
	line-height: 0;
	border: 0 !important;
	overflow: hidden !important;
}

#skip_to_container a {
	z-index: 100000;
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}

#skip_to_container a:focus, #skip_to_container a:active {
	width: 100%;
	height: 75px;
	background: #21272e;
	color: #fff;
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 3.3em;
}

.img_fix {
	width: 100%;
	height: auto;
}

#captcha {
	display: inline-block;
	position: relative;
}

#captcha legend {
	position: absolute;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999em;
	overflow: hidden;
}

#captcha #captcha_img {
	height: 40px;
	border: 1px solid #898989;
	vertical-align: top;
	padding: 0;
	margin: 0;
}

#captcha #captcha_mp3 {
	margin: 0;
	padding: 0;
	font-size: 0;
	width: 40px;
	height: 40px;
	border: 0;
	background: transparent;
	vertical-align: middle;
	overflow: hidden;
	cursor: pointer;
	background: url('../../../img/captcha2.png') no-repeat;
	text-indent: -999px;
	border-radius: 3px;
}

#captcha #captcha_reload {
	margin: 0;
	padding: 0;
	width: 40px;
	font-size: 0;
	height: 40px;
	border: 0;
	background: transparent;
	vertical-align: middle;
	overflow: hidden;
	cursor: pointer;
	background: url('../../../img/captcha2.png') no-repeat 0 -40px;
	text-indent: -999px;
	border-radius: 3px;
}

#captcha #captcha_key {
	margin: 0 0 0 3px;
	padding: 0 5px;
	width: 90px;
	height: 40px;
	border: 1px solid #ccc;
	background: #fff;
	font-size: 1.333em;
	font-weight: bold;
	text-align: center;
	border-radius: 3px;
	vertical-align: top;
}

#captcha #captcha_info {
	display: block;
	margin: 5px 0 0;
	font-size: 0.95em;
	letter-spacing: -0.1em;
}

#captcha.m_captcha audio {
	display: block;
	margin: 0 0 5px;
	width: 187px;
}

#captcha.m_captcha #captcha_img {
	width: 160px;
	height: 60px;
	border: 1px solid #e9e9e9;
	margin-bottom: 3px;
	margin-top: 5px;
	display: block;
}

#captcha.m_captcha #captcha_reload {
	position: static;
	margin: 0;
	padding: 0;
	width: 40px;
	height: 40px;
	border: 0;
	background: transparent;
	vertical-align: middle;
	overflow: hidden;
	cursor: pointer;
	background: url('../../../img/captcha2.png') no-repeat 0 -40px;
	text-indent: -999px;
}

#captcha.m_captcha #captcha_reload span {
	display: none;
}

#captcha.m_captcha #captcha_key {
	margin: 0;
	padding: 0 5px;
	width: 115px;
	height: 29px;
	border: 1px solid #b8c9c2;
	background: #f7f7f7;
	font-size: 1.333em;
	font-weight: bold;
	text-align: center;
	line-height: 29px;
	margin-left: 3px;
}

#captcha.m_captcha #captcha_info {
	display: block;
	margin: 5px 0 0;
	font-size: 0.95em;
	letter-spacing: -0.1em;
}

#captcha.m_captcha #captcha_mp3 {
	width: 31px;
	height: 31px;
	background: url('../../../img/captcha2.png') no-repeat 0 0;
	vertical-align: top;
	overflow: hidden;
	cursor: pointer;
	text-indent: -9999px;
	border: none;
}

.cke_sc {
	margin: 0 0 5px;
	text-align: right;
}

.btn_cke_sc {
	display: none;
	padding: 0 10px;
	height: 23px;
	border: 1px solid #ccc;
	background: #fafafa;
	color: #000;
	text-decoration: none;
	line-height: 1.9em;
	vertical-align: middle;
	cursor: pointer;
}

.cke_sc_def {
	margin: 0 0 5px;
	padding: 10px;
	border: 1px solid #ccc;
	background: #f7f7f7;
	text-align: center;
}

.cke_sc_def dl {
	margin: 0 0 5px;
	text-align: left;
	zoom: 1;
}

.cke_sc_def dl:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: "";
}

.cke_sc_def dt, .cke_sc_def dd {
	float: left;
	margin: 0;
	padding: 5px 0;
	border-bottom: 1px solid #e9e9e9;
}

.cke_sc_def dt {
	width: 20%;
	font-weight: bold;
}

.cke_sc_def dd {
	width: 30%;
}

#bo_v_con ul {
	display: block;
	list-style-type: disc;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 0;
	margin-right: 0;
	padding-left: 40px;
}

#bo_v_con ol {
	display: block;
	list-style-type: decimal;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 0;
	margin-right: 0;
	padding-left: 40px;
}

#bo_v_con li {
	display: list-item;
}

a.btn,.btn {
	line-height: 35px;
	height: 35px;
	padding: 0 10px;
	text-align: center;
	font-weight: bold;
	border: 0;
	font-size: 1.4em;
	-webkit-transition: background-color 0.3s ease-out;
	-moz-transition: background-color 0.3s ease-out;
	-o-transition: background-color 0.3s ease-out;
	transition: background-color 0.3s ease-out;
}

a.btn01 {
	display: inline-block;
	padding: 7px;
	border: 1px solid #ccc;
	background: #fafafa;
	color: #000;
	text-decoration: none;
	vertical-align: middle;
}

a.btn01:focus, a.btn01:hover {
	text-decoration: none;
}

button.btn01 {
	display: inline-block;
	margin: 0;
	padding: 7px;
	border: 1px solid #ccc;
	background: #fafafa;
	color: #000;
	text-decoration: none;
}

a.btn02 {
	display: inline-block;
	padding: 7px;
	border: 1px solid #3b3c3f;
	background: #4b545e;
	color: #fff;
	text-decoration: none;
	vertical-align: middle;
}

a.btn02:focus, .btn02:hover {
	text-decoration: none;
}

button.btn02 {
	display: inline-block;
	margin: 0;
	padding: 7px;
	border: 1px solid #3b3c3f;
	background: #4b545e;
	color: #fff;
	text-decoration: none;
}

.btn_confirm {
	text-align: center;
}

.btn_submit {
	border: 0;
	background: #144992;
	color: #fff;
	cursor: pointer;
	border-radius: 3px;
}

.btn_submit:hover {
	background: #2375eb;
}

.btn_close {
	border: 1px solid #dcdcdc;
	cursor: pointer;
	border-radius: 3px;
	background: #fff;
}

a.btn_close {
	text-align: center;
	line-height: 50px;
}

a.btn_cancel {
	display: inline-block;
	background: #969696;
	color: #fff;
	text-decoration: none;
	vertical-align: middle;
}

button.btn_cancel {
	display: inline-block;
	background: #969696;
	color: #fff;
	text-decoration: none;
	vertical-align: middle;
}

.btn_cancel:hover {
	background: #aaa;
}

a.btn_frmline, button.btn_frmline {
	display: inline-block;
	width: 128px;
	padding: 0 5px;
	height: 40px;
	border: 0;
	background: #434a54;
	border-radius: 3px;
	color: #fff;
	text-decoration: none;
	vertical-align: top;
}

a.btn_frmline {
}

button.btn_frmline {
	font-size: 1em;
}

a.btn_b01,.btn_b01 {
	display: inline-block;
	color: #bababa;
	text-decoration: none;
	vertical-align: middle;
	border: 0;
	background: transparent;
}

.btn_b01:hover, .btn_b01:hover {
	color: #000;
}

a.btn_b02,.btn_b02 {
	display: inline-block;
	background: #253dbe;
	padding: 0 10px;
	color: #fff;
	text-decoration: none;
	border: 0;
	vertical-align: middle;
}

a.btn_b02:hover, .btn_b02:hover {
	background: #0025eb;
}

a.btn_b03, .btn_b03 {
	display: inline-block;
	background: #fff;
	border: 1px solid #b9bdd3;
	color: #646982;
	text-decoration: none;
	vertical-align: middle;
}

a.btn_b03:hover, .btn_b03:hover {
	background: #ebedf6;
}

a.btn_b04, .btn_b04 {
	display: inline-block;
	background: #fff;
	border: 1px solid #ccc;
	color: #707070;
	text-decoration: none;
	vertical-align: middle;
}

a.btn_b04:hover, .btn_b04:hover {
	color: #333;
	background: #f9f9f9;
}

a.btn_admin,.btn_admin {
	display: inline-block;
	color: #d13f4a;
	text-decoration: none;
	vertical-align: middle;
}

.btn_admin:hover, a.btn_admin:hover {
	color: #ff3746;
}

.tbl_frm01 {
	margin: 0 0 20px;
}

.tbl_frm01 table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

.tbl_frm01 th {
	width: 70px;
	padding: 7px 13px;
	border: 1px solid #e9e9e9;
	border-left: 0;
	background: #f5f8f9;
	text-align: left;
}

.tbl_frm01 td {
	padding: 7px 10px;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	background: transparent;
}

.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {
	border-bottom: 1px solid #d0d3db;
	background: #fff;
	color: #000;
	vertical-align: middle;
	border-radius: 3px;
	padding: 5px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.tbl_frm01 textarea {
	padding: 2px 2px 3px;
}

.frm_input {
	height: 40px;
}

.full_input {
	width: 100%;
}

.half_input {
	width: 49.5%;
}

.twopart_input {
	width: 385px;
	margin-right: 10px;
}

.tbl_frm01 textarea, .write_div textarea {
	width: 100%;
	height: 100px;
}

.tbl_frm01 a {
	text-decoration: none;
}

.tbl_frm01 .frm_file {
	display: block;
	margin-bottom: 5px;
}

.tbl_frm01 .frm_info {
	display: block;
	padding: 0 0 5px;
	line-height: 1.4em;
}

.list_01 ul {
	border-top: 1px solid #ececec;
}

.list_01 li {
	border-bottom: 1px solid #ececec;
	background: #fff;
	padding: 10px 15px;
	list-style: none;
	position: relative;
}

.list_01 li:nth-child(odd) {
	background: #f6f6f6;
}

.list_01 li:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: "";
}

.list_01 li:hover {
	background: #f9f9f9;
}

.list_01 li.empty_li {
	text-align: center;
	padding: 20px 0;
	color: #666;
}

.form_01 h2 {
	font-size: 1.167em;
}

.form_01 li {
	margin-bottom: 10px;
}

.form_01 ul:after, .form_01 li:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: "";
}

.form_01 .left_input {
	float: left;
}

.form_01 .margin_input {
	margin-right: 1%;
}

.form_01 textarea {
	height: 100px;
	width: 100%;
}

.form_01 .frm_label {
	display: inline-block;
	width: 130px;
}

.empty_table {
	padding: 50px 0 !important;
	text-align: center;
}

.empty_list {
	padding: 20px 0 !important;
	color: #666;
	text-align: center;
}

.required, textarea.required {
	background-image: url('../img/require.png') !important;
	background-repeat: no-repeat !important;
	background-position: right top !important;
}

.td_board {
	width: 80px;
	text-align: center;
}

.td_category {
	width: 80px;
	text-align: center;
}

.td_chk {
	width: 30px;
	text-align: center;
}

.td_date {
	width: 60px;
	text-align: center;
}

.td_datetime {
	width: 110px;
	text-align: center;
}

.td_group {
	width: 80px;
	text-align: center;
}

.td_mb_id {
	width: 100px;
	text-align: center;
}

.td_mng {
	width: 80px;
	text-align: center;
}

.td_name {
	width: 100px;
	text-align: left;
}

.td_nick {
	width: 100px;
	text-align: center;
}

.td_num {
	width: 50px;
	text-align: center;
}

.td_numbig {
	width: 80px;
	text-align: center;
}

.td_stat {
	width: 60px;
	text-align: center;
}

.txt_active {
	color: #5d910b;
}

.txt_done {
	color: #e8180c;
}

.txt_expired {
	color: #ccc;
}

.txt_rdy {
	color: #8abc2a;
}

.new_win {
	position: relative;
}

.new_win .tbl_wrap {
	margin: 0 20px;
}

.new_win #win_title {
	font-size: 1.3em;
	height: 50px;
	line-height: 30px;
	padding: 10px 20px;
	background: #fff;
	color: #000;
	-webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 10px rgba(0,0,0,.1);
	box-shadow: 0 1px 10px rgba(0,0,0,.1);
}

.new_win #win_title .sv {
	font-size: 0.75em;
	line-height: 1.2em;
}

.new_win .win_ul {
	margin-bottom: 15px;
	padding: 0 20px;
}

.new_win .win_ul:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: "";
}

.new_win .win_ul li {
	float: left;
	background: #fff;
	text-align: center;
	padding: 0 10px;
	border: 1px solid #d6e9ff;
	border-radius: 30px;
	margin-left: 5px;
}

.new_win .win_ul li:first-child {
	margin-left: 0;
}

.new_win .win_ul li a {
	display: block;
	padding: 8px 0;
	color: #6794d3;
}

.new_win .win_ul .selected {
	background: #144992;
	border-color: #144992;
	position: relative;
	z-index: 5;
}

.new_win .win_ul .selected a {
	color: #fff;
	font-weight: bold;
}

.new_win .win_desc {
	position: relative;
	margin: 10px;
	border-radius: 5px;
	font-size: 1em;
	background: #f2838f;
	color: #fff;
	line-height: 50px;
	text-align: left;
	padding: 0 20px;
}

.new_win .win_desc i {
	font-size: 1.2em;
	vertical-align: baseline;
}

.new_win .win_desc:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 4px;
	height: 50px;
	background: #da4453;
	border-radius: 3px 0 0 3px;
}

.new_win .frm_info {
	font-size: 0.92em;
	color: #919191;
}

.new_win .win_total {
	float: right;
	display: inline-block;
	line-height: 30px;
	font-weight: normal;
	font-size: 0.75em;
	color: #144992;
	background: #f6f6f6;
	padding: 0 10px;
	border-radius: 5px;
}

.new_win .new_win_con {
	margin: 20px 0;
	padding: 20px;
}

.new_win .new_win_con:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: "";
}

.new_win .new_win_con2 {
	margin: 20px 0;
}

.new_win .btn_confirm:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: "";
}

.new_win .win_btn {
	text-align: center;
}

.new_win .cert_btn {
	margin-bottom: 30px;
	text-align: center;
}

.new_win .btn_close {
	padding: 0 20px;
	height: 45px;
	overflow: hidden;
	cursor: pointer;
}

.new_win .btn_submit {
	padding: 0 20px;
	height: 45px;
	font-weight: bold;
	font-size: 1.083em;
}

.sch_word {
	color: #fff;
	background: #ff005a;
	padding: 2px 5px 3px;
	line-height: 18px;
	margin: 0 2px;
}

#validation_check {
	margin: 100px auto;
	width: 500px;
}

#validation_check h1 {
	margin-bottom: 20px;
	font-size: 1.3em;
}

#validation_check p {
	margin-bottom: 20px;
	padding: 30px 20px;
	border: 1px solid #e9e9e9;
	background: #fff;
}

.sv_wrap {
	position: relative;
	font-weight: normal;
}

.sv_wrap .sv {
	z-index: 1000;
	display: none;
	margin: 5px 0 0;
	font-size: 0.92em;
	background: #333;
	-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
	box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
}

.sv_wrap .sv:before {
	content: "";
	position: absolute;
	top: -6px;
	left: 15px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 6px 6px;
	border-color: transparent transparent #333 transparent;
}

.sv_wrap .sv a {
	display: inline-block;
	margin: 0;
	padding: 0 10px;
	line-height: 30px;
	width: 100px;
	font-weight: normal;
	color: #bbb;
}

.sv_wrap .sv a:hover {
	background: #000;
	color: #fff;
}

.sv_member {
	color: #333;
}

.sv_on {
	display: block !important;
	position: absolute;
	top: 23px;
	left: 0px;
	width: auto;
	height: auto;
}

.sv_nojs .sv {
	display: block;
}

.pg_wrap {
	clear: both;
	float: left;
	display: inline-block;
	margin-bottom: 80px;
}

.pg_wrap:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: "";
}

.pg {
	text-align: center;
}

.pg_page, .pg_current {
	display: inline-block;
	vertical-align: middle;
	background: #eee;
	border: 1px solid #eee;
}

.pg a:focus, .pg a:hover {
	text-decoration: none;
}

.pg_page {
	color: #959595;
	font-size: 1.083em;
	height: 30px;
	line-height: 28px;
	padding: 0 5px;
	min-width: 30px;
	text-decoration: none;
	border-radius: 3px;
}

.pg_page:hover {
	background-color: #fafafa;
}

.pg_start {
	text-indent: -999px;
	overflow: hidden;
	background: url('../img/btn_first.gif') no-repeat 50% 50% #eee;
	padding: 0;
	border: 1px solid #eee;
}

.pg_prev {
	text-indent: -999px;
	overflow: hidden;
	background: url('../img/btn_prev.gif') no-repeat 50% 50% #eee;
	padding: 0;
	border: 1px solid #eee;
}

.pg_end {
	text-indent: -999px;
	overflow: hidden;
	background: url('../img/btn_end.gif') no-repeat 50% 50% #eee;
	padding: 0;
	border: 1px solid #eee;
}

.pg_next {
	text-indent: -999px;
	overflow: hidden;
	background: url('../img/btn_next.gif') no-repeat 50% 50% #eee;
	padding: 0;
	border: 1px solid #eee;
}

.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {
	background-color: #fafafa;
}

.pg_current {
	display: inline-block;
	background: #000;
	border: 1px solid #000;
	color: #fff;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	min-width: 30px;
	border-radius: 3px;
}

.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

#device_change {
	display: block;
	margin: 0.3em;
	padding: 0.5em 0;
	border: 1px solid #eee;
	border-radius: 2em;
	background: #fff;
	color: #000;
	font-size: 2em;
	text-decoration: none;
	text-align: center;
}

#header { 
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	height: 85px;
	-webkit-transition: top 0.5s;
	-moz-transition: top 0.5s;
	-o-transition: top 0.5s;
	-ms-transition: top 0.5s;
	transition: top 0.5s;
	z-index:9999; 
}

/* 기본 헤더 */
.header_2024 { background: transparent; transition: all 0.3s ease; }



/* 기본 line 색상 (흰색) */
.nav-open-btn .line { background: #fff; transition: all 0.3s ease; }

/* 스크롤 시 line 색상 변경 */
.header_2024.scrolled .nav-open-btn .line { background: #333; }

/* 메뉴 열렸을 때 */
.nav-open-btn.active .line { background: #333; }



#headerInnerWrap {
	position: relative;
	top: 0;
	left: 0;
	height: 80px;
	width: 100%;
	z-index: 99;
	;
}

@media all and (min-width:1920px) {
	#header .logo {
		top: 10px;
	}

	#headerInnerWrap {
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

#header .logo {
	position: absolute;
	top: 10px;
	left: 20px;
	z-index: 100;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

#header .logo a {
	display: block;
	text-transform: uppercase;
	color: #fff;
	font-size: 34px;
	line-height: 55px;
}

#header .logo a img {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	width: 90%;
}

.logo img.logo-default { display: block; }
.logo img.logo-hover { display: none; }
.bot_header_wrap:hover .logo img.logo-default { display: none; }
.bot_header_wrap:hover .logo img.logo-hover { display: block; }

#header .date {
	position: absolute;
	top: 10px;
	right: 20px;
	z-index: 100;
}

#header .dateimg2 {
	display: none;
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}

.header-util-box {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

#header.fixed .header-search-inner-box {
	margin-top: -20px;
}

.header-lang {
	float: left;
	width: 105px;
	height: 30px;
	z-index: 100;
	margin-top: 26.5px;
	webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.header-lang > ul {
	width: 100%;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	overflow: hidden;
}

.header-lang > ul > li {
	float: left;
}

.header-lang > ul > li > a {
	display: block;
	padding: 0 5px;
	font-size: 16px;
	line-height: 30px;
	font-weight: 500;
	color: #939393;
}

.header-lang > ul > li > a:hover {
	color: #1b1b1b;
}

.header-lang > ul > li.selected a {
	color: #1b1b1b;
}

.sitemap-line-btn {
	float: left;
	width: 32px;
	height: 32px;
	margin-left: 7px;
	margin-top: 26.5px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	overflow: hidden;
}

.sitemap-line-btn .line {
	display: block;
	width: 18px;
	height: 2px;
	background-color: #333;
	border-radius: 5px;
	margin: 4px auto;
}

#gnb {
	position: absolute;
	text-align:;
	top: 0;
	right: 100px;
	z-index: 99;
}

#gnb > ul {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

#gnb > ul > li {
	position: relative;
	display: inline-block;
}

#gnb > ul > li > a {
	position: relative;
	z-index: 100;
	display: block;
	height: 80px;
	line-height: 80px;
	padding: 0 40px;
	text-align: center;
	color: #383838;
	font-size: 20px;
	letter-spacing: -0.65px;
	font-weight: 600;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

#gnb.each-menu > ul > li .gnb-2dep {
	display: none;
	position: absolute;
	top: ;left:0px;
	z-index: 102;
	width: 100%;
	text-align: left;
	background-color: #000;
}

#gnb > ul > li .gnb-2dep ul {
	padding: 25px 0;
}

#gnb > ul > li .gnb-2dep ul li {
	position: relative;
	padding: 0 30px;
}

#gnb > ul > li .gnb-2dep ul li a {
	display: block;
	text-align: left;
	color: #fff;
	font-size: 18px;
	line-height: 45px;
	letter-spacing: -0.65px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

#gnb > ul > li .gnb-2dep ul li a:hover {
	color: #fff;
	padding-left: 15px;
}

#gnb > ul > li .gnb-2dep ul li a:before {
	position: absolute;
	top: 20px;
	left: 30px;
	content: "";
	width: 9px;
	height: 4px;
	background-color: #fff;
	opacity: 0;
	filter: Alpha(opacity=0);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

#gnb > ul > li .gnb-2dep ul li a:hover:before {
	opacity: 1.0;
	filter: Alpha(opacity=100);
}

.nav-open-btn {
	display: block;
}

#gnbM {
	display: block;
}

#gnbM .header-lang {
	float: left;
	width: auto;
	height: 30px;
	z-index: 100;
	margin-top: 12.5px;
	margin-left: 3.5%;
}

#gnbM .header-lang > ul {
	width: 100%;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	overflow: hidden;
}

#gnbM .header-lang > ul > li {
	float: left;
}

#gnbM .header-lang > ul > li > a {
	display: block;
	padding: 0 6px;
	font-size: 15px;
	line-height: 30px;
	font-weight: 500;
	color: #4e4e4e;
}

#gnbM .header-lang > ul > li > a:hover {
	color: #000;
}

#gnbM .header-lang > ul > li.selected a {
	color: #000;
}

.m-search-con {
	top: 24px;
	text-align: center;
	position: relative;
}

.m-search-con .header-search-word {
	display: inline-block;
	width: 64.75%;
	max-width: 211px;
	padding: 0 40px 0 8px;
	height: 41px;
	border: 1px solid #cfcfcf;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius: 0;
	background: #fff;
}

.m-search-con .header-search-btn {
	color: #020202;
	position: absolute;
	right: 50%;
	top: 11.5px;
	margin-right: -120.5px;
}

#header.fixed-header.over #headerInnerWrap {
	background: #fff;
}

#header.fixed-header.over .header-search-open-btn {
	border-color: #ff6100;
	color: #ff6100;
}

#header.fixed-header.over .header-lang {
	border-color: #ff6100;
}

#header.fixed-header.over .header-lang .lang-open-btn {
	color: #ff6100;
}

#header.fixed-header.over .sitemap-line-btn .line {
	background-color: #ff6100;
}

#header.fixed-header.over .sitemap-custom-btn {
	color: #ff6100;
	border-color: #ff6100;
}

#header.fixed-header.over #gnb {
	border-color: rgba(0,0,0,0.2);
}

#header.fixed-header.over #gnb > ul > li > a {
	color: #333;
}

#header.fixed-header.over #gnb > ul > li > a:hover,#header.fixed-header.over #gnb > ul > li.on > a {
	color: #fff;
}

#header.fixed #headerInnerWrap {
	top: 0;
	height: 100px;
	box-shadow: 12px 9px 17px #0000001c;
}

#header.fixed #gnb > ul > li > a {
	height: 100px;
	line-height: 100px;
}

#header.fixed .header-lang {
	margin-top: 16.5px;
}

#header.fixed .sitemap-line-btn {
	margin-top: 16.5px;
}

#header.fixed #gnb.each-menu > ul > li .gnb-2dep {
	top: 70px;
}

#header.fixed .header-search-open-btn, #header.fixed .header-search-close-btn {
	height: 63px;
	;
}

@media screen and (max-width: 1920px) {
	#gnb {
		right: 80px;
	}

	#gnb > ul > li > a {
		padding: 0 35px;
	}

	#header.fixed #headerInnerWrap {
		top: 0;
		height: 60px;
	}

	#header.fixed #gnb > ul > li > a {
		height: 60px;
		line-height: 60px;
	}

	#header.fixed #gnb.each-menu > ul > li .gnb-2dep {
		top: 60px;
	}

	#gnb > ul > li .gnb-2dep ul {
		padding: 20px 0;
	}

	#gnb > ul > li .gnb-2dep ul li {
		padding: 0 20px;
	}

	#gnb > ul > li .gnb-2dep ul li a {
		font-size: 18px;
		line-height: 40px;
	}

	#gnb > ul > li .gnb-2dep ul li a:before {
		left: 20px;
	}
}

@media all and ( max-width: 1440px ) {
	#gnb > ul > li > a {
		padding: 0 30px;
	}

	#gnb > ul > li .gnb-2dep ul li a {
		font-size: 16px;
	}
}

@media all and ( max-width:3620px ) {
	#gnb > ul > li > a {
		font-size: 20px;
		padding: 0 25px;
	}

	#gnb > ul > li .gnb-2dep ul li a {
		font-size: 16px;
	}

	#headerInnerWrap, #headerInner {
		height: 85px;
	}

	#header.fixed #headerInnerWrap {
		box-shadow: 1px 1px 3px rgba(0, 0, 0, .1);
		height: 55px;
	}

	#header.fixed-header.fixed #headerInnerWrap {
		top: 0;
		background-color: #ff6100;
	}

	#header .logo a {
		font-size: 24px;
		line-height: 35px;
	}

	.header-util-box {
		padding-right: 35px;
	}

	.sitemap-line-btn, .sitemap-custom-btn {
		display: none;
	}

	.header-search-box {
		display: none;
	}

	.header-lang {
		display: none;
	}

	.gnb-overlay-bg {
		display: none;
	}

	#gnbM {
		display: block;
		overflow-y: auto;
		position: fixed;
		top: 0px;
		right: -102%;
		width: 50%;
		height: 100%;
		max-width: 100%;
		background-color: rgba(255,255,255,.8);
		z-index: 999;
		box-shadow: -2px 1px 11px rgba(0, 0, 0, .3);
		transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
		-webkit-transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
		-oz-transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
		-ms-transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
		visibility: hidden;
	}

	#gnbM.open {
		right: 0px;
		visibility: visible;
	}

	#gnbM .header-lang {
		display: block;
	}

	#gnbM #navigation {
		margin-top: 55px;
		text-align: left;
	}

	#gnbM #navigation > li {  
    margin: 20px;
    padding: 10px;
	}

	#gnbM #navigation > li > a {    position: relative;
    display: block;
    padding: 20px 0px 0 10px;
    color: #111;
    font-size: 26px;
    font-weight: 500;  font-family: 'GMarketSans';
    letter-spacing: -0.75px;
	}

	#gnbM #navigation > li.active > a {
		color: #000;
	}

	#gnbM #navigation > li.has-2dep > a {
	}

	#gnbM #navigation > li.has-2dep.active > a {
	}

	#gnbM #navigation > li .gnb-2dep {
		display: none;
		padding: 15px 0; 
	}

	#gnbM #navigation > li .gnb-2dep > li {
	    border-bottom: 1px #000 dotted;
	}

	#gnbM #navigation > li .gnb-2dep > li > a {
		display: block;
		color: #000;
		font-weight: 600;
		letter-spacing: -0.75px;
		font-size: 18px;
		padding: 10px 15px;
	}

	#gnbM #navigation > li .gnb-2dep > li.on > a {
		opacity: 1.0;
		filter: Alpha(opacity=100);
		text-decoration: underline;
	}

	#gnbM #navigation > li .gnb-2dep > li > .gnb-3dep {
		display: none;
		padding: 10px 20px;
		background-color: #aaa;
	}

	#gnbM #navigation > li .gnb-2dep > li > .gnb-3dep > li > a {
		display: block;
		padding: 8px 0;
		font-size: 13px;
		color: #fff;
	}

	#gnbM #navigation > li .gnb-2dep > li > .gnb-3dep > li > a:before {
		display: inline-block;
		content: "-";
		margin-right: 5px;
	}

	.nav-open-btn {
		border: 0;
		position: absolute;
		background: none;
		width: 80px;
		height: 80px;
		top: 0px;
		right: 0px;
		z-index: 9998;
		transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
		-webkit-transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
		-oz-transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
		-ms-transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
	}

	.nav-open-btn .line {
		display: block;
		width: 16px;
		height: 2px;
		background-color: #fff;
		border-radius: 5px;
		margin: 4px auto;
		-webkit-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	} 
	.nav-open-btn.active .line {
		background-color: none;
	}

	.nav-open-btn.active .line:nth-child(2), .nav-open-btn.active .line:nth-child(4) {
		opacity: 0;
	}

	.nav-open-btn.active .line:nth-child(1) {
		-webkit-transform: translateY(6px) rotate(45deg);
		-ms-transform: translateY(6px) rotate(45deg);
		-o-transform: translateY(6px) rotate(45deg);
		transform: translateY(6px) rotate(45deg);
	}

	.nav-open-btn.active .line:nth-child(3) {
		-webkit-transform: translateY(-6px) rotate(-45deg);
		-ms-transform: translateY(-6px) rotate(-45deg);
		-o-transform: translateY(-6px) rotate(-45deg);
		transform: translateY(-6px) rotate(-45deg);
	}

	#header.fixed-header .nav-open-btn .line {
		background-color: #666;
	}
}

@media all and ( max-width: 800px ) {
	#header .date {
		display: none;
	}

	#header .logo a img {
		width: 80%;
	}

	.header-util-box {
		padding-right: 28px;
	}

	.nav-open-btn {
		top: 0;
		margin-top: 0;
	}

	.nav-open-btn .line {
		width: 20px;
		height: 2px;
	}

	.nav-open-btn.active .line:nth-child(1) {
		-webkit-transform: translateY(7px) rotate(45deg);
		-ms-transform: translateY(7px) rotate(45deg);
		-o-transform: translateY(7px) rotate(45deg);
		transform: translateY(7px) rotate(45deg);
	}

	.nav-open-btn.active .line:nth-child(3) {
		-webkit-transform: translateY(-5px) rotate(-45deg);
		-ms-transform: translateY(-5px) rotate(-45deg);
		-o-transform: translateY(-5px) rotate(-45deg);
		transform: translateY(-5px) rotate(-45deg);
	}

	#gnbM #navigation {
		margin-top: 60px;
	}

	#gnbM #navigation > li > a {
		font-size: 17px;
	}

	#gnbM #navigation > li .gnb-2dep > li > a {
		font-size: 19px;
	}
}

@media all and ( max-width:600px ) {
	#header .logo a img {
		width: 65%;
	}

	.header-util-box {
		padding-right: 28px;
	}

	.nav-open-btn {
		top: 0;
		margin-top: 0;
	}

	.nav-open-btn .line {
		width: 20px;
		height: 2px;
	}

	.nav-open-btn.active .line:nth-child(1) {
		-webkit-transform: translateY(7px) rotate(45deg);
		-ms-transform: translateY(7px) rotate(45deg);
		-o-transform: translateY(7px) rotate(45deg);
		transform: translateY(7px) rotate(45deg);
	}

	.nav-open-btn.active .line:nth-child(3) {
		-webkit-transform: translateY(-5px) rotate(-45deg);
		-ms-transform: translateY(-5px) rotate(-45deg);
		-o-transform: translateY(-5px) rotate(-45deg);
		transform: translateY(-5px) rotate(-45deg);
	}

	#gnbM #navigation {
		margin-top: 60px;
	}

	#gnbM #navigation > li > a {
		font-size: 16px;
	}

	#gnbM #navigation > li .gnb-2dep > li > a {
		font-size: 16px;
	}
}

#headerInnerWrap {
	display: block;
}

#footer {
	background-color: #161616;
	position: relative;
	padding: 3% 0%;
}

#footer .footcont {
	display: inline-block;
	width: 100%;
}

#footer .footcont h1 {
	text-align: center;
	vertical-align: top;
	margin: 0;
	padding: 0;
	line-height: 100%;
	font-size: 60px;
}

#footer .info {
	color: #ababab;
	font-size: 16px;
	margin: 3% 0 1% 0;
	padding: 0;
	text-align: center;
	word-break: keep-all;
}

#footer .info2 {
	color: #fff;
	font-size: 16px;
	padding: 0;
	text-align: center;
	word-break: keep-all;
}

#footer .info a {
	color: #ababab;
	font-weight: 500;
}

#footer address {
	color: #ababab;
	font-family: 'Montserrat';
	font-size: 16px;
	margin-top: 5px;
	text-align: center;
}

@media screen and (max-width: 1280px) {
}

@media screen and (max-width:980px) {
	#footer .footcont h1 {
		float: inherit;
		font-size: 50px;
		width: 100%;
		text-align: center;
	}

	#footer .footcont #footer_1dul {
		float: inherit;
		width: 100%;
		text-align: center;
	}

	#footer .footcont #footer_1dul .footer_1dli:first-child {
		padding-left: 10px;
	}

	#footer .footcont #footer_1dul .footer_1dli:last-child {
		padding-right: 10px;
	}

	#footer .footcont #footer_1dul .footer_1dli {
		padding: 0 10px;
		text-align: center;
	}

	#footer .footcont #footer_1dul .footer_1da, #footer .footcont #footer_1dul .footer_2dul .footer_2dul_box .footer_2dli {
		font-size: 17px;
	}

	#footer .footcont img {
		width: 100%;
	}
}

@media screen and (max-width:780px) {
#footer address, 
#footer .info,
#footer .info2 { 
	font-size: 14px;
	}
	#footer .footcont h1 {
		font-size: 40px;
	}

	#footer .footcont #footer_1dul .footer_2dul .footer_2dul_box .footer_2dli {
		font-size: 16px;
	}
}

@media screen and (max-width:680px) {
	#footer .footcont #footer_1dul {
		display: none;
	}

	#footer address, #footer .info { margin-top:30px;
	}
}


@media screen and (max-width:580px) { 
#footer address, 
#footer .info,
#footer .info2 { 
	
	}
}

@media screen and (max-width:480px) {
}

#fp-menu {
	width: 115px;
	position: absolute;
	right: -115px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transition: all .5s .6s ease-in-out;
	-webkit-transition: all .5s .6s ease-in-out;
}

#fp-menu.on {
	right: 20px;
}

#fp-menu li {
	position: relative;
	margin-bottom: 10px;
}

#fp-menu li:last-child {
	margin-bottom: 0;
}

#fp-menu li.on a {
	opacity: 1;
}

#fp-menu li a {
	transition: all 0.2s ease;
	font-family: 'Montserrat';
	opacity: .5;
	display: block;
	font-size: 14px;
	line-height: 31px;
	position: relative;
	color: #fff;
}

#fp-menu li a span {
	transition: all 0.2s ease;
	right: 0;
	top: 10px;
	position: absolute;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background: #144992;
	box-sizing: border-box;
	transform: scale(0);
	-webkit-transform: scale(0);
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}

#fp-menu li.on a span {
	transform: scale(1);
	-webkit-transform: scale(1);
}

#fp-menu li a.togClass:after {
	background-color: #000;
}

#fp-menu li:last-child {
	margin-bottom: 0;
}

.fp_item {
}

.fp_inner {
	max-width: 1280px;
	margin: 0 auto;
	text-align: center;
	padding: 0 80px;
}

.main_sec_cont .txt_box {
	opacity: 0;
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	transform: translateY(-30px);
	-webkit-transform: translateY(-30px);
	text-align: left;
}

.fp_item.on .main_sec_cont .txt_box {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
}

.main_sec_cont .txt_box > span {
	font-size: 20px;
	font-weight: 700;
}

.main_sec_cont .txt_box h3 {
	word-break: keep-all;
	font-size: 52px;
	font-weight: 600;
	font-family: 'Escoredream';
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px 0 25px 0;
	line-height: 100%;
	text-align: center;  letter-spacing: -2px;
}

.main_sec_cont .txt_box > p {
	word-break: keep-all;
	font-size: 20px;
	color: #1f1f1f;
	font-weight: 300;
	line-height: 120%;
	text-align: center;
}

.main_sec_cont .txt_box p > span {
	font-weight: 700;
	position: relative;
}

.main_sec_cont .txt_box p > span::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 10px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.main_sec_cont .txt_box p > span.undercolor::after {
	background: #ffaf1b;
	z-index: -1;
} 

@media (max-width: 768px) {
	.main_sec_cont .txt_box {
		opacity: 1;
		transform: translateY(0);
		-webkit-transform: translateY(0);
		transition: none;
		-webkit-transition: none;
	}
}

.backcolor_sky {
	background-color: #d0e1f8;
}

.backcolor_yellow {
	background-color: #ffe32d;
}

.backcolor_gray {
	background-color: #333;
}

.backcolor_white {
	background-color: #fff;
}

.backcolor_lightblue {
	background-color: #d0e1f8;
}

@media screen and (max-width: 1280px) {
	#fp-menu {
		display: none;
	}

	.fp_inner {
		max-width: 100%; 
		padding:0 60px;
	}
 

	.fp_item2 .fp_inner,
	.fp_item3 .fp_inner,
	.fp_item4 .fp_inner,
	.fp_item5 .fp_inner{ 
		padding:15% 10%;
	}

	.fp_inner .txt_box h3 {
		font-size: 50px;
	}

	.fp-enabled, .fp-viewing-Kit, #fpWrap, #fpWrap .section, .fp-tableCell, .fp-scrollable, .fp-scroller {
		height: auto !important;
	} 
 
}

@media screen and (max-width:980px) { 
 
	.fp_inner .txt_box h3 {
		font-size: 40px;
	}
 
	.fp_item2 .fp_inner,
	.fp_item3 .fp_inner,
	.fp_item4 .fp_inner,
	.fp_item5 .fp_inner{ 
		padding:15% 5%;
	}

	#footer .fp_inner {
		padding: 15% 5%;
	}
	.fp_inner {
		padding:0 40px;}
	
}

@media screen and (max-width:880px) {
	.main_sec_cont .txt_box p > span::after {
		display: none;
	}
 

	.fp_item1 .fp_inner{ 
		padding:15% 5%;
	}
	.fp_inner .txt_box h3 {
		font-size:30px;  margin: 0px 0 20px 0;
	}
	.fp_item2 .fp_inner,
	.fp_item3 .fp_inner,
	.fp_item4 .fp_inner,
	.fp_item5 .fp_inner{ 
		padding:15% 3%;
	}
}

@media screen and (max-width:780px) { 

	#footer .fp_inner {
		padding: 13% 5%;
	}
	.fp_inner .txt_box h3 {
		font-size:26px;  margin: 0px 0 15px 0;
	}
}

@media screen and (max-width:680px) {  
	.fp_inner .txt_box h3 {
		font-size:24px;  margin: 0px 0 5px 0;
	}
	.fp_item2 .fp_inner,
	.fp_item3 .fp_inner,
	.fp_item4 .fp_inner,
	.fp_item5 .fp_inner{ 
		padding:20% 2%;
	}
}

@media screen and (max-width:580px) { 
	#footer .fp_inner {
		padding: 5% 5%;
	}

	.main_sec_cont .txt_box > p, .fp_inner .txt_box p {
		font-size: 16px;
	}
}

@media screen and (max-width:480px) { 
}

@media screen and (max-width:320px) {
}

.fp_inner .latest_wr {
	opacity: 0;
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	transform: translateY(-30px);
	-webkit-transform: translateY(-30px);
	text-align: left;
}

.fp_item.on .fp_inner .latest_wr {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
}

.fpWrap .fp_item {
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
}

.fpWrap .fp_item:before {
	display: none;
	content: '';
	position: absolute;
	width: 1px;
	height: 100%;
	background-color: rgba(255,255,255,.5);
	transition: all .5s .6s ease-in-out;
	-webkit-transition: all .5s .6s ease-in-out;
	left: -1px;
}

#container.load .fp_item:before {
	left: 99px;
}

.fpWrap .fp_item1 {
	background-image: url('/theme/20th/img/main/2026/jbsf_01.jpg');
}

.fpWrap .fp_item1 .Festival {
	position: relative;
}

.fpWrap .fp_item1 .Festival .Festival_text {
	position: absolute;
	top:10%;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.fpWrap .fp_item1 .Festival .Festival_text .color_red {
	font-weight: 700;
}

.fpWrap .fp_item1 .Festival .Festival_text img {
	max-width:720px;
	width: 100%;
}

.fpWrap .fp_item1 .Festival .Festival_date {
	position: absolute;
	bottom: 2%;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.fpWrap .fp_item1 .Festival .Festival_date #DDate {
}

.fpWrap .fp_item1 .Festival .Festival_date #DDate img {
	max-width: 490px;
	width: 100%;
}

.fpWrap .fp_item1 .Festival .Festival_date h1#DDay {
	font-family: 'Escoredream';
	font-weight: bold;
	letter-spacing: -5x;
	font-size: 77px;
	color: #fff;
	text-align: center;
}

@media screen and (max-width: 1080px) { 
}

@media screen and (max-width:980px) {
}

@media screen and (max-width:880px) { 
}

@media screen and (max-width:780px) {
	.fpWrap .fp_item1 .Festival .Festival_text {
		top: 8%;
	}

	.Festival .c_main {
		display: none !important;
	}

	.fpWrap .fp_item1 .Festival .Festival_text {
		top: inherit;
		left: inherit;
		right: inherit;
	}

	.fpWrap .fp_item1 .Festival .Festival_text {
		position: relative;
	}

	.fpWrap .fp_item1 .Festival .Festival_date {
		position: relative;
	} 
 

	.fpWrap .fp_item1 .Festival .Festival_date h1#DDay { 
		font-size: 65px;
	}
}

@media screen and (max-width:680px) {
	.fpWrap .fp_item1 .Festival .Festival_text img {
		max-width: auto; 
	}
 

	.fpWrap .fp_item1 .Festival .Festival_date {
		bottom: 10%;
	}
}

@media screen and (max-width:580px) {
	.fpWrap .fp_item1 .Festival .Festival_text {
		margin: 50px auto 0 auto;
	}
	.fpWrap .fp_item1 .Festival .Festival_date h1#DDay {
		font-size: 55px;
	}
}

@media screen and (max-width:440px) {
	.fpWrap .fp_item1 .Festival .Festival_date h1#DDay {
		font-size:45px;
	}
}

@media screen and (max-width:320px) {
	.fpWrap .fp_item1 .Festival .Festival_text img {
		width: 80%;
	}

	.fpWrap .fp_item1 .Festival .Festival_date h1#DDay {
		font-size:35px;
	}
}



.fpWrap .fp_item2 {
	background-image: url('/img/Timebg.jpg');
	position: relative;
}
 

.fp_item3 { background-image:url('/img/Programbg.jpg');	position: relative;} 



.Program { border: 10px #144992 solid;}
.Time,
.Program {
	background: rgba(255,255,255,.8);
	padding:5%;
	border-radius: 30px;
}

.fpWrap .fp_item4 {
	background-image: url('/theme/jbsf/img/main/jbsf_03.jpg');
	position: relative;
}
.fpWrap .fp_item5 {
	background-image: url('/img/Locationbg.jpg');
	position: relative;
}

.programbox1 {
	background: #29b571;
}

.programbox2 {
	background: #00b0f0;
}

.programbox3 {
	background: #f15831;
}

.programbox4 {
	background: #e52fe9;
}

.programbox5 {
	background: #ffc000;
}

.programbox6 {
	background: #223d4c;
}

.programbox7 {
	background: #ea478b;
}

.pro-cont .programbg1 {
	background-color: #e6eef769;
}

.pro-cont .programbg2 {
	background-color: #ffd8ff24;
}

.pro-cont .programbg3 {
	background-color: #eff6e769;
}

.pro-cont .programbg4 {
	background-color: #e7f4f666;
}

.pro-cont .programbg5 {
	background-color: #ffdf9914;
}

.pro-cont .programbg6 {
	background-color: #d7d7d7;
}

.pro-cont .programbg7 {
	background-color: #e7f4f666;
}

.pro-cont .w30 {
	margin: 0 0 0 1%;
}

.pro-cont .w30:last-child(3) {
	margin: 0 0 0 0%;
}

.pro-cont .w30 {
	width: 32%;
	display: inline-block;
	vertical-align: top;
}

.pro-cont .w30 th {
	padding: 15px 0;
	font-size: 17px;
	line-height: 1em;
	background: #f7f7f7;
}

.pro-cont .w30 td {
	line-height: 1.1em;
	padding: 4px 2px;
	font-size: 15px;
	height: 45px;
}

.pro-cont .w30 th:nth-child(1), .pro-cont .w30 td:nth-child(1), .pro-cont .w30 colgroup col:nth-child(1) {
	display: none;
}

.pro-cont {
	position: absolute;
	width: 70%;
	background: #fff;
	margin: 0 auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.pro-cont .button {
	width: 138px;
	height: 36px;
	line-height: 36px;
	color: #ffffff;
	background: #666;
	text-align: center;
	border: none;
	font-size: 16px;
	font-weight: 700;
	margin-top: 50px;
}

.pro-cont .w100 {
	width: 95% !important;
}

#popup_wrap, #popup_wrap02, #popup_wrap03, #popup_wrap04, #popup_wrap05, #popup_wrap07, #popup_wrap06 {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.8);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9999;
	display: none;
}

.popup-cont01, .popup-cont02, .popup-cont03, .popup-cont04, .popup-cont05, .popup-cont06, .popup-cont07 {
	margin: 0px auto;
	text-align: center;
}

.popup-trigger {
	cursor: pointer;
	max-width: 100%;
	height: auto;
	position: absolute;
	top: -140px;
	ight: -125px;
	width: 154px;
	z-index: -1;
}

@media screen and (max-width: 1280px) {
	.popup-trigger {
	}

	.pro-cont {
		width: 80%;
	}
 
	.pro-cont .w30 {
		width: 100%;
		margin: 0 0 5% 0;
	}

	.pro-cont .w30:last-child {
		margin: 0 0 0% 0;
	}
	
.Time,
.Program {
	background: rgba(255,255,255,.9);
	padding:3%;
	border-radius: 20px;
}



}

@media screen and (max-width:980px) {
	.pro-cont {
		width: 90%;
	}
	
.Time,
.Program {  border:0px #144992 solid;
	background:none;
	padding:0%;
	border-radius:0px;
}
.fp_item3 .fp_inner .txt_box h3.color_blue {color:#fff}
.fp_item3 .fp_inner .txt_box > p {color:#fff}

 
}

@media screen and (max-width:880px) {
	.pro-cont, .pro-cont .w100 {
		width: 95% !important;
	}
}

@media screen and (max-width:780px) {
}

@media screen and (max-width:680px) {
	.Booth .Boothtitle img {
		width: 50px;
	}

	.Booth .Boothtitle button p {
		font-size: 17px;
	}
}

@media screen and (max-width:580px) {
	.Booth .Boothtitle button p {
		font-size: 16px;
	}
}

@media screen and (max-width:440px) {
	.Booth .Boothtitle img {
		display: none;
	}

	.Booth .Boothtitle button p {
		font-size: 15px;
	}
}

@media screen and (max-width:320px) {
}

.tbl_head03 {
	margin: 0 auto;
}

.tbl_head03 caption {
	padding: 0;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}

.tbl_head03 thead th {
	padding: 20px 0;
	font-weight: normal;
	color: #383838;
	text-align: center;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	font-size: 18px;
	font-weight: 600;
}

.tbl_head03 thead th:last-child, .tbl_head03 tbody td:last-child {
	border-right: 0;
}

.tbl_head03 tfoot th, .tbl_head03 tfoot td {
	padding: 5px 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #fff;
	text-align: center;
}

.tbl_head03 tbody td {
	color: #000;
	padding: 7px 5px;
	text-align: center;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	line-height: 1.2em;
	height: 50px;
	word-break: break-all;
	font-size: 16px;
	font-weight: 400;
}

.tbl_head03 tbody td.last {
	border-right: 0;
}

.tbl_head03 tbody tr:hover td {
	background: #f7f7f7;
}

@media screen and (max-width: 1280px) {
}

@media screen and (max-width:980px) {
}

@media screen and (max-width:880px) {
	.tbl_head03 thead th:nth-child(1), .tbl_head03 tbody td:nth-child(1), .tbl_head03 colgroup col:nth-child(1) {
		display: none;
	}
}

@media screen and (max-width:780px) {
	.pro-cont .w30 th, .tbl_head03 thead th {
		font-size: 16px;
	}
}

@media screen and (max-width:680px) {
	.pro-cont .w30 th, .tbl_head03 thead th, .pro-cont .w30 td, .tbl_head03 tbody td {
		font-size: 15px;
	}
}

@media screen and (max-width:580px) {
	.pro-cont .w30 th, .tbl_head03 thead th, .pro-cont .w30 td, .tbl_head03 tbody td {
		font-size: 15px;
	}
}

@media screen and (max-width:440px) {
}

@media screen and (max-width:320px) {
}

.popup-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	justify-content: center;
	align-items: center;
	opacity: 0;
	z-index: 1000;
	transition: opacity 0.4s ease;
	;
}

.popup-content {
	position: relative;
	background: rgba(255,255,255,.9);
	padding: 20px;
	border-radius: 20px;
	max-width: 90%;
	overflow: hidden;
	transform: scale(0.7);
	opacity: 0;
	transition: transform 0.4s ease, opacity 0.4s ease;
	;
}

.popup-image {
	max-width: 100%;
	max-height: 80vh;
	display: block;
}

.popup-close {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 24px;
	cursor: pointer;
	color: #333;
}

.popup-overlay.show {
	display: flex;
	opacity: 1;
}

.popup-overlay.show .popup-content {
	transform: scale(1);
	opacity: 1;
	;
}

.moving-image {
	height: auto;
	position: absolute;
	animation: moveUpDown 2s ease-in-out infinite;
	;
}

@keyframes moveUpDown {
	0% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-10px);
		;
	}

	100% {
		transform: translateY(0);
	}
}

@media screen and (max-width: 1280px) {
}

@media screen and (max-width:980px) {
}

@media screen and (max-width:880px) {
}

@media screen and (max-width:780px) {
	.popup-trigger {
		top: -100px;
		right: -125px;
		width: 130px;
	}
}

@media screen and (max-width:680px) {
	.popup-trigger {
		display: none;
	}
}

@media screen and (max-width:580px) {
}

@media screen and (max-width:440px) {
}

@media screen and (max-width:320px) {
}

.fpWrap .fp_item4 {
	background: #ceecf7 url('/theme/jbsf/img/sub/ceobg.png');
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: 50%;
}

.Contest {
	width: 80%;
	position: relative;
	margin: 0 auto;
}

.Contest dl {
}

.Contest dl dt {
	width: 25%;
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size: 22px;
	font-weight: 700;
	color: #144992;
	border-bottom: 2px #ccc dotted;
	display: inline-block;
	text-align: center;
}

.Contest dl:last-child dt {
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: 0px #ccc dotted;
}

.Contest dl dd {
	width: 70%;
	font-size: 18px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 2px #ccc dotted;
}

.Contest dl dd b {
	font-size: 22px;
}

.Contest dl:last-child dd {
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: 0px #ccc dotted;
}

.Contest .color_red {
	font-weight: 700;
}

.Contest .color_sky {
	display: block;
	font-weight: 700;
}

.Contest dl dd ul li {
	border: 1px #144992 solid;
	display: inline-block;
	padding: 10px 25px;
}

.Contest dl dd ul li a {
	color: #144992;
	font-weight: 700;
}

.Contest dl dd ul li a img {
	width: 20px;
	margin-left: 10px;
}

.Contest_icon {
	position: absolute;
	bottom: -80px;
	right: -190px;
}

.Contest-image {
	display: block;
	margin: 0 auto;
	animation: float 3s ease-in-out infinite;
	width: 55%;
}

@keyframes float {
	0%, 100% {
		transform: translateX(0) rotate(0deg);
	}

	75% {
		transform: translateX(-18px) rotate(-2.5deg);
		;
	}
}

@media screen and (max-width: 1280px) {
}

@media screen and (max-width:980px) {
	.Contest_icon {
		display: none;
	}
}

@media screen and (max-width:880px) {
	.Contest dl dt {
		width: 100%;
		border-bottom: 0px #ccc dotted;
		padding-bottom: 0px;
		margin-top: 10px;
		padding-top: 10px;
	}

	.Contest dl dd {
		width: 100%;
		text-align: center;
	}

	.Contest dl:last-child dt {
		padding-bottom: 10px;
	}

	.Contest {
		width: 100%;
	}
}

@media screen and (max-width:780px) {
	.Contest dl dt {
		width: 100%;
		padding: 0;
	}

	.Contest dl dd {
		width: 100%;
		text-align: center;
	}

	.ShuttleBus_icon {
		display: none;
	}
}

@media screen and (max-width:680px) {
	.Contest dl dd ul li {
		width: 100%;
		margin: 5px 0;
	}
}

@media screen and (max-width:580px) {
	.Contest dl dd b, .Contest dl dt {
		font-size: 17px;
	}

	.Contest dl dd {
		font-size: 17px;
	}
}

@media screen and (max-width:440px) {
	.Contest dl dd b, .Contest dl dt {
		font-size: 16px;
	}

	.Contest dl dd {
		font-size: 16px;
	}

	.Contest dl dd span {
		display: block;
	}
}

@media screen and (max-width:320px) {
}

.fpWrap .fp_item6 {
	background-image: url('/theme/jbsf/img/main/jbsf_06.jpg');
}

.ShuttleBus {
	position: relative;
	margin: 0 auto;
}

.ShuttleBus dl {
}

.ShuttleBus dl dt {
	width: 25%;
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size: 22px;
	font-weight: 700;
	color: #144992;
	border-bottom: 2px #ccc dotted;
	display: inline-block;
	text-align: center;
}

.ShuttleBus dl:last-child dt {
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: 0px #ccc dotted;
}

.ShuttleBus dl dd {
	width: 70%;
	font-size: 18px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 2px #ccc dotted;
}

.ShuttleBus dl:last-child dd {
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: 0px #ccc dotted;
}

.ShuttleBus .color_red {
	font-weight: 700;
}

.ShuttleBus .color_sky {
	display: block;
	font-weight: 700;
}

.ShuttleBus_icon {
	position: absolute;
	bottom: 0;
	right: -150px;
}

@media screen and (max-width: 1280px) {
}

@media screen and (max-width:980px) {
	.ShuttleBus_icon {
		display: none;
	}
}

@media screen and (max-width:880px) {
	.ShuttleBus dl dt {
		width: 100%;
		border-bottom: 0px #ccc dotted;
		padding-bottom: 0px;
		margin-top: 10px;
		padding-top: 10px;
	}

	.ShuttleBus dl dd {
		width: 100%;
		text-align: center;
	}

	.ShuttleBus dl:last-child dt {
		padding-bottom: 10px;
	}

	.ShuttleBus {
		width: 100%;
	}
}

@media screen and (max-width:780px) {
	.ShuttleBus dl dt {
		width: 100%;
		padding: 0;
	}

	.ShuttleBus dl dd {
		width: 100%;
		text-align: center;
	}

	.ShuttleBus_icon {
		display: none;
	}
}

@media screen and (max-width:680px) {
}

@media screen and (max-width:580px) {
	.tbl_head04 thead th {
		word-break: initial;
	}

	.ShuttleBus dl dt {
		font-size: 18px;
	}

	.tbl_head04 thead th, .tbl_head04 tbody td, .ShuttleBus dl dd {
		font-size: 16px;
	}
}

@media screen and (max-width:480px) {
	.tbl_head04 thead th {
		word-break: initial;
	}

	.ShuttleBus dl dt {
		font-size: 16px;
	}

	.tbl_head04 thead th, .tbl_head04 tbody td, .ShuttleBus dl dd {
		font-size: 15px;
	}

	.ShuttleBus dl dd span {
		display: block;
	}
}

@media screen and (max-width:380px) {
	.tbl_head04 thead th {
		word-break: initial;
	}

	.ShuttleBus dl dt {
		font-size: 15px;
	}

	.tbl_head04 thead th, .tbl_head04 tbody td, .ShuttleBus dl dd {
		font-size: 15px;
	}
}

.fpWrap .fp_item7 {
	background-image: url('/theme/jbsf/img/main/jbsf_07.jpg');
}

.Location {
	position: relative;
	margin:30px auto 0 auto;
}

.Location .bradius {
	overflow: hidden;
}

.Location_icon {
	position: absolute;
	bottom: 0;
	right: -80px;
}

.Location_icon img {
	width: 85%;
}

.Location .tab_content .traffic .trafficimg {
	width: 15%;
}

.Location .tab_content .traffic .trafficimg img {
	width: 80%;
}

.Location .tab_content .traffic .traffictext {
	width: 80%;
}

.Location .tab_content .traffic .traffictext b {
	font-weight: 700;
	font-size: 20px;
	margin: 0 0 10px 0;
	display: block;
}

.Location .tab_content .traffic .traffictext p {
	font-size: 18px;
	word-break: break-word;
}

.Location .tabs {
	margin: 0 auto;
	text-align: center;
}

.Location .tab_item {
	width: calc((100%/3) - 10%);
	height: 55px;
	line-height: 55px;
	font-size: 22px;
	color: #000;
	display: inline-block;
	text-align: center;
	margin: 0 .5%;
	transition: all 0.2s ease;
	background-color: #dcf1ff;
	font-weight: 700;
	z-index: -1;
}

.Location .tab_item:hover {
	opacity: 0.75;
}

.Location input[name="tab_item"] {
	display: none;
}

.Location .tab_content {
	display: none;
	padding: 20px 0 0px 0;
	clear: both;
	overflow: hidden;
}

#all:checked ~ #all_content, #programming:checked ~ #programming_content, #design:checked ~ #design_content {
	display: block;
}

.Location .tabs input:checked + .tab_item {
	background-color: #144992;
	color: #fff;
}

.Location iframe {
	border-radius: 30px;
}

@media screen and (max-width: 1280px) {
	.Location .tab_item {
		width: 30.3%;
		height: auto;
		line-height: inherit;
		padding: 5px 10px;
	}

	.Location .tab_item {
		font-size: 22px;
	}
}

@media screen and (max-width:980px) {
	.Location .tab_item {
		font-size: 21px;
	}

	.Location_icon img {
		width: 65%;
	}
}

@media screen and (max-width:880px) {
	.Location .tab_item {
		font-size: 18px;
		width: calc((100%/3) - 5%);
		height: auto;
		line-height: initial;
		padding: 10px 0;
	}

	.Location .w50 {
		margin: 3% 0;
	}
}

@media screen and (max-width:780px) {
	.tab_item {
		font-size: 20px;
	}

	.Location {
		width: 100%;
	}

	.Location_icon {
		display: none;
	}

	.Location iframe {
		height: 320px !important;
	}

	.Location iframe {
		border-radius: 25px;
	}
}

@media screen and (max-width:680px) {
	.Location .tab_content .traffic .traffictext p, .tab_item {
		font-size: 18px;
		padding: 5px 0px;
	}

	.Location dl, .Location dl dt, .Location dl dd {
		text-align: center;
	}

	.Location .fl {
		margin-bottom: 20px;
	}

	.Location iframe {
		border-radius: 20px;
	}

	.Location .tab_content .traffic .traffictext b, .Location .tab_content .traffic .traffictext p {
		font-size: 17px;
	}
}

@media screen and (max-width:580px) {
	.Location .tab_item {
		font-size: 17px;
		width: calc((100%/3) - 4%);
		height: auto;
		line-height: initial;
		padding: 10px 15px;
	}

	.Location_icon {
		position: absolute;
		bottom: initial;
		top: 0;
		right: 0px;
	}

	.Location iframe {
		height: 300px !important;
	}

	.Location .tab_content .traffic .traffictext p, .tab_item {
		font-size: 17px;
	}

	.tab_item {
		background-color: #fff;
	}

	.tabs input:checked + .tab_item {
		background-color: #fff;
		color: #144992;
	}
}

@media screen and (max-width:440px) {
	.Location .tab_item {
		font-size: 16px;
	}

	.Location iframe {
		border-radius: 15px;
	}

	.Location .tab_content .traffic .traffictext b {
		font-size: 16px;
	}

	.Location .tab_content .traffic .traffictext p {
		font-size: 16px;
		padding: 0;
	}
}

@media screen and (max-width:320px) {
	.Location .tab_item {
		font-size: 15px;
		width: calc((100%/3) - 2%);
	}

	.Location .tab_content .traffic .traffictext b, .Location .tab_content .traffic .traffictext p {
		font-size: 15px;
	}

	.Location iframe {
		height: 250px !important;
	}

	.Location iframe {
		border-radius: 0px;
	}
}

#wrap {
	position: relative;
	width: 100%;
	margin: 0 auto;
}

#Quick_aside {
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	left: 0;
	right: -100px;
	bottom: -150px;
	z-index: 999;
	word-break: keep-all;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}

#Quick_aside .a_support {
	text-align: center;
	background-color: #f5e649;
	width: 220px;
	height: 220px;
	border-radius: 110px;
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	right: 0px;
	bottom: 50px;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}

#Quick_aside .a_support a {
	font-family: 'Escoredream';
	top: 10px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 200px;
	height: 200px;
	border-radius: 110px;
	background-color: #144992;
	box-shadow: 0 60px 60px rgba(12, 49, 153, 0.3);
	transform: scale(1);
	transition: 0.3s;
	-webkit-transition: 0.3s;
}

#Quick_aside .a_support a:before {
	content: "";
	position: absolute;
	left: 5px;
	right: 5px;
	top: 5px;
	bottom: 5px;
	border: #fff solid 1px;
	border-radius: 110px;
	opacity: 0.2;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}

#Quick_aside .a_support a:after {
	content: "";
	position: absolute;
	right: -20%;
	top: 30px;
	width: 95px;
	height: 167px;
	margin-left: -32px;
	background-image: url("/theme/jbsf/img/main/Character_Yellow.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}

#Quick_aside .a_support:hover {
	transform: scale(1.1);
}

#Quick_aside .a_support a:hover:after {
	transform: rotate(-25deg);
	-webkit-transform: rotate(-25deg);
}

#Quick_aside .a_support span {
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	left: 0;
	right: 0;
	top: 65px;
	width: 100%;
	font-size: 25px;
	font-weight: 700;
	color: #f5e649;
	letter-spacing: -1.8px;
	line-height: 120%;
	white-space: nowrap;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}

#Quick_aside .a_support .color {
	color: #fff;
	font-size: 35px;
}

#Quick_aside .a_scroll {
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	left: 64px;
	bottom: 60px;
	width: 40px;
	margin-top: -110px;
	text-align: left;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}

#Quick_aside .a_scroll:before {
	content: "";
	position: absolute;
	left: 13px;
	bottom: 13px;
	width: 9px;
	height: 9px;
	border-right: #205eac solid 1px;
	transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	animation-name: as_scroll_before;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

#Quick_aside .a_scroll:after {
	content: "";
	position: absolute;
	left: 18px;
	bottom: 11px;
	width: 1px;
	height: 60px;
	background-color: #205eac;
	animation-name: as_scroll_after;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@keyframes as_scroll_before {
	from {
		bottom: 13px;
	}

	50% {
		bottom: 3px;
	}

	to {
		bottom: 13px;
	}
}

@keyframes as_scroll_after {
	from {
		bottom: 11px;
	}

	50% {
		bottom: 0px;
	}

	to {
		bottom: 11px;
	}
}

#Quick_aside .a_scroll span {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 30px;
	height: 120px;
	outline: none;
	font-size: 0;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}

#Quick_aside .a_scroll span:after {
	content: "SCROLL";
	position: absolute;
	left: 0;
	right: 0;
	line-height: 30px;
	font-size: 15px;
	font-weight: 900;
	color: #205eac;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transition: 0.3s;
	-webkit-transition: 0.3s;
}

#Quick_aside.mini .a_support a {
	width: 80px;
	height: 80px;
	box-shadow: 0 30px 30px rgba(12, 49, 153, 0.3);
}

#Quick_aside.mini .a_support a:before {
	left: 3px;
	right: 3px;
	top: 3px;
	bottom: 3px;
}

#Quick_aside.mini .a_support a:after {
	top: 18px;
	width: 20px;
	height: 20px;
	margin-left: -10px;
}

#Quick_aside.mini .a_support span {
	top: 50%;
	width: 80px;
	height: 80px;
	margin-top: -40px;
	font-size: 2px;
	color: transparent;
	line-height: 80px;
	letter-spacing: -7px;
}

#Quick_aside.mini .a_support mark.on {
	top: 42px;
	font-size: 15px;
	line-height: 20px;
	opacity: 1;
}

@media all and (max-width:1280px) {
	#aside .a_support {
		right: 30px;
		bottom: 30px;
	}

	#aside .a_support a {
		width: 160px;
		height: 160px;
		box-shadow: 0 40px 40px rgba(12, 49, 153, 0.3);
	}

	#aside .a_support a:after {
		top: 22px;
		width: 40px;
		height: 40px;
		margin-left: -20px;
	}

	#aside .a_support span {
		top: 70px;
		height: 30px;
		font-size: 20px;
		line-height: 30px;
	}

	#aside .a_scroll {
		left: 34px;
		bottom: 20px;
	}

	#aside .a_scroll:after {
		height: 35px;
	}

	#aside .a_scroll span {
		height: 90px;
	}
}

#aside .a_support {
	right: 20px;
	bottom: 20px;
}

#aside .a_support a {
	width: 140px;
	height: 140px;
	box-shadow: 0 35px 35px rgba(12, 49, 153, 0.3);
}

#aside .a_support a:before {
	left: 3px;
	right: 3px;
	top: 3px;
	bottom: 3px;
}

#aside .a_support a:after {
	top: 20px;
	width: 30px;
	height: 30px;
	margin-left: -15px;
}

#aside .a_support span {
	top: 55px;
	height: 20px;
	font-size: 17px;
	line-height: 30px;
}

#aside .a_scroll {
	display: none;
	left: 24px;
	bottom: 10px;
}

#aside .a_scroll:after {
	height: 30px;
}

#aside .a_scroll span {
	height: 80px;
}

@keyframes as_scroll_before {
	from {
		bottom: 13px;
	}

	50% {
		bottom: 6px;
	}

	to {
		bottom: 13px;
	}
}

@keyframes as_scroll_after {
	from {
		bottom: 11px;
	}

	50% {
		bottom: 3px;
	}

	to {
		bottom: 11px;
	}
}

#aside.mini .a_support a {
	width: 77px;
	height: 77px;
	box-shadow: 0 22px 22px rgba(12, 49, 153, 0.3);
}

#aside.mini .a_support a:before {
	left: 2px;
	right: 2px;
	top: 2px;
	bottom: 2px;
}

@media all and (max-width:980px) {
	#Quick_aside {
		display: none;
	}
}

@media screen and (max-width:660px) {
	#hd_pop {
		width: 80% !important;
	}

	.hd_pops {
		left: 0px !important;
		margin: 0 auto;
		right: 0px;
		position: relative;
	}

	.hd_pops .hd_pops_con {
		width: 100% !important;
		height: auto !important;
	}

	.hd_pops_footer .hd_pops_close, .hd_pops_footer .hd_pops_reject {
		font-size: 15px;
		;letter-spacing: -1.5px;
	}
}

@keyframes ani_main01_1 {
	from {
		top: 0;
		left: 0;
	}

	50% {
		top: 2vw;
		left: 2vw;
	}

	to {
		top: 0;
		left: 0;
	}
}

@keyframes ani_main01_2 {
	from {
		top: 0;
		left: 0;
	}

	50% {
		top: -2vw;
		left: -2vw;
	}

	to {
		top: 0;
		left: 0;
	}
}

@keyframes ani_main03_1 {
	from {
		top: 2vw;
		left: -2vw;
	}

	50% {
		top: -2vw;
		left: 2vw;
	}

	to {
		top: 2vw;
		left: -2vw;
	}
}

@keyframes ani_main04_1 {
	from {
		top: 0;
		left: 0;
	}

	50% {
		top: -2vw;
		left: 2vw;
	}

	to {
		top: 0;
		left: 0;
	}
}

@keyframes ani_opacity {
	from {
		opacity: 0.1;
	}

	50% {
		opacity: 1;
	}

	to {
		opacity: 0.1;
	}
}

@keyframes ani_scale {
	from {
		transform: scale(1);
	}

	50% {
		transform: scale(1.3);
	}

	to {
		transform: scale(1);
	}
}

@keyframes ani_scale_big {
	from {
		transform: scale(1);
	}

	50% {
		transform: scale(1.8);
	}

	to {
		transform: scale(1);
	}
}

@keyframes ani_opacity_01 {
	from {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes ani_opacity_02 {
	from {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@keyframes ani_rotate {
	from {
		transform: rotate(0);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes ani_rotate_reverse {
	from {
		transform: rotate(0);
	}

	to {
		transform: rotate(-360deg);
	}
}

@keyframes ani_rain {
	from {
		top: -20vw;
		left: 20vw;
		opacity: 1;
	}

	to {
		top: 20vw;
		left: -20vw;
		opacity: 0;
	}
}

@keyframes ani_rotate45 {
	from {
		transform: rotate(-45deg);
	}

	50% {
		transform: rotate(45deg);
	}

	to {
		transform: rotate(-45deg);
	}
}

@keyframes ani_rotate30 {
	from {
		transform: rotate(-30deg);
	}

	50% {
		transform: rotate(30deg);
	}

	to {
		transform: rotate(-30deg);
	}
}

@keyframes ani_rotate120 {
	from {
		transform: rotate(0);
	}

	33.333% {
		transform: rotate(120deg);
	}

	66.6666% {
		transform: rotate(240deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes ani_updown {
	from {
		top: -0.5vw;
	}

	50% {
		top: 0.5vw;
	}

	to {
		top: -0.5vw;
	}
}

@keyframes ani_updown_high {
	from {
		top: -1vw;
	}

	50% {
		top: 1vw;
	}

	to {
		top: -1vw;
	}
}

@keyframes ani_up {
	from {
		top: 0;
		opacity: 0.1;
	}

	10% {
		opacity: 1;
	}

	to {
		top: -150%;
	}
}

@keyframes ani_leftright {
	from {
		left: 0;
	}

	50% {
		left: 150%;
	}

	to {
		left: 0;
	}
}

@keyframes ani_support01_1 {
	from {
		top: 1.5vw;
		left: -1.5vw;
	}

	50% {
		top: -1.5vw;
		left: 1.5vw;
	}

	to {
		top: 1.5vw;
		left: -1.5vw;
	}
}

@keyframes ani_support09_1 {
	from {
		top: 1vw;
		left: -1vw;
	}

	50% {
		top: -1vw;
		left: 1vw;
	}

	to {
		top: 1vw;
		left: -1vw;
	}
}

.height {
	height: 100vh;
	min-height: 100vh;
}

.Festival .deco {
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	overflow: hidden;
	top: 0;
	bottom: 0;
	pointer-events: none;
}

.Festival .c_main .deco {
	display: inline-block;
	z-index: -1;
}

.Festival .c_main img {
	width: 100%;
}

.Festival .c_main {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	overflow: hidden;
	z-index: 0;
	width: 100%;
}

.Festival .c_main .cm_deco.t1 {
	left: 0;
	right: 50%;
	z-index: 0;
}

.Festival .c_main .cm_deco.t2 {
	left: 50%;
	right: 0;
	z-index: 0;
}

.Festival .c_main .cm_deco .cmd_wrap.main01 {
	left: 1vw;
	top: 7vw;
	width: 15vw;
	height: 10.4167vw;
}

.Festival .c_main .cm_deco .cmd_wrap.main01 .main01.t1 {
	animation-name: ani_main01_1;
	animation-duration: 8s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.Festival .c_main .cm_deco .cmd_wrap.main02 {
	left: 0vw;
	bottom: 15vw;
	width: 15vw;
	height: 7.4167vw;
}

.Festival .c_main .cm_deco .cmd_wrap.main02 .main02.t2 {
	animation-name: ani_main01_1;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.Festival .c_main .cm_deco .cmd_wrap.main03 {
	right: 5vw;
	top: 5vw;
	width: 13vw;
	height: 5.4167vw;
}

.Festival .c_main .cm_deco .cmd_wrap.main03 .main03.t3 {
	animation-name: ani_main03_1;
	animation-duration: 6s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.Festival .c_main .cm_deco .cmd_wrap.main04 {
	right: 1vw;
	bottom: 20vw;
	width: 7vw;
	height: 10.4167vw; 
}

.Festival .c_main .cm_deco .cmd_wrap.main04 .main04.t4 {
	animation-name: ani_rotate;
	animation-duration: 10s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.Festival .c_main .cm_deco .cmd_wrap.main05 {
	right: 2vw;
	bottom: 20vw;
	width: 15vw;
	height: 2vw;
}

.Festival .c_main .cm_deco .cmd_wrap.main05 .main05.t5 {
	animation-name: ani_main03_1;
	animation-duration: 8s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.Festival .c_main .cm_deco .cmd_wrap {
	position: absolute;
	z-index: -1;
}

.Festival .c_main .cm_deco .cmd_wrap > div {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

:root {
	--color-green: #2ECC71;
	--color-orange: #f57f20;
	--color-blue: #0A2D82;
	--color-purple: #794996;
	--color-sky: #00BCD4;
	--color-mint: #2E90A0;
	--color-navy: #2B4AA2;
	--color-red: #E53935;
	;
}

:root {
	--zone-A: #2FA94D;
	--zone-B: #F28C2E;
	--zone-C: #2B4AA2;
	--zone-D: #7E3EB5;
	--zone-E: #00A8C6;
	--zone-F: #2E90A0;
	--zone-G: #9E9E9E;
}

.badge {
	display: inline-block;
	padding: 15px 25px;
	border-radius: 24px;
	font-size: 24px;
	font-weight: 700;
	line-height: 1;
	vertical-align: middle;
	margin: .5%;
}

.badge a {
	color: #fff;
}

.badge-A {
	background: var(--color-green);
}

.badge-B {
	background: var(--color-orange);
}

.badge-C {
	background: var(--color-blue);
}

.badge-D {
	background: var(--color-purple);
}

.badge-E {
	background: var(--color-sky);
}

.badge-F {
	background: var(--color-mint);
}

.badge-G {
	background: var(--zone-G);
}

@media (max-width:1080px) {
	.badge {
		font-size: 22px;}
		}
@media (max-width:980px) {
	.badge {
		padding: 12px 23px;
		border-radius: 24px;
		font-weight: 700;
		line-height: 1;
		vertical-align: middle; 
		font-size: 18px;
	}
}

@media (max-width:680px) {
	.badge {
		padding: 12px 5px;
		width: 31%;
		font-size: 16px;
	}
}

@media (max-width:480px) {
	.badge {
		font-size: 15px;
		font-weight: 700;
		line-height: 1;
		vertical-align: middle;
		margin: 1% .5%; 
	}
}

@media (max-width:380px) {
	.badge {
		margin:.5%;
		font-size: 14px;    padding: 12px 2px;}
}

.table-wrap {
	width: 100%;
	border-collapse: collapse;
	font-size: 15px;
	line-height: 1.5;
	background: #fff;
	border-top: 3px solid var(--color-blue);
}

.table-wrap caption {
	display: none;
}

.table-wrap thead tr th {
	background: #fafafa;
	padding: 25px 12px;
	font-weight: 700;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
}

.table-wrap tbody th, .table-wrap tbody td {
	padding: 15px 5px;
	border-bottom: 1px solid #eee;
	word-break: keep-all;
	border-right: 1px solid #eee;
}

.table-wrap thead tr th:last-child, .table-wrap tbody td:last-child {
	border-right: 0;
}

.table-wrap tbody tr:hover {
	background: #f9f9f9;
}

.table-wrap tbody td span {  font-weight: bold;
}

.table-wrap .center th, .table-wrap .center td {
	text-align: center;
	font-size: 18px;
	line-height: 1.2;
}

@media (max-width:980px) {
	.table-wrap tbody th, .table-wrap tbody td {
		padding: 10px 5px;
	}

	.table-wrap , .table-wrap .center th, .table-wrap .center td {
		font-size: 17px;
	}
}

@media (max-width:680px) {
	.table-wrap , .table-wrap .center th, .table-wrap .center td {
		font-size: 16px;
		line-height: 1.4;
	}
}

@media (max-width:480px) {
	.table-wrap , .table-wrap .center th, .table-wrap .center td {
		font-size: 15px;
	}
}

@media (max-width:380px) {
	.table-wrap , .table-wrap .center th, .table-wrap .center td {
		font-size: 13px;
		    padding: 5px 2px;
	}
}

.etc {font-size: 15px;
  color: #666;
  font-weight: 600;
  margin: 15px;
}





.etc li {
	font-size: 18px;
	line-height: 1.6;
}

@media (max-width:768px) {
	.etc li {
		font-size: 17px;
		line-height: 1.8;
	}
}

@media (max-width:600px) {
.table-wrap tbody td span, .table-wrap small {
	display: block;
}
	.etc li {
		font-size: 16px;
		line-height: 1.4;
		margin-bottom: 2%;
	}
}

@media (max-width:420px) {
	.etc li {
		font-size: 15px;
	}
}

@media (max-width:380px) {
	.etc li {
		font-size: 14px;    margin-bottom: 0%;
	}
}

:root {
	--color-green: #2ECC71;
	--color-orange: #f57f20;
	--color-blue: #0A2D82;
	--color-purple: #794996;
	--color-sky: #00BCD4;
	--color-mint: #2E90A0;
	--color-navy: #2B4AA2;
	--color-red: #E53935;
	;
}

.int_map_btn {
	padding: 40px 0 0 0;
	text-align: center;
}

.int_map_btn p {
	display: inline-block;
	padding: 0 35px;
	line-height: 55px;
	background: var(--color-blue);
	color: #fff;
	font-size: 1.1em;
	letter-spacing: -1px;
	font-weight: bold;
	border-radius: 50px;
	color: #fff;
}

.h4-blue::before {
	background-color: var(--color-blue);
	opacity: 0.3;
}

.h4-blue {
	color: var(--color-blue);
}

.h4-yellow::before {
	background-color: var(--color-orange);
	opacity: 0.3;
}

.h4-yellow {
	color: #f57f20;
}

.h4-green::before {
	background-color: var(--color-green);
	opacity: 0.3;
}

.h4-green {
	color: var(--color-green);
}

.h4-red::before {
	background-color: var(--color-red);
	opacity: 0.3;
}

.h4-navy::before {
	background-color: var(--color-navy);
	opacity: 0.3;
}

.h4-navy {
	color: var(--color-navy);
}

.h4-purple::before {
	background-color: var(--color-purple);
	opacity: 0.3;
}

.h4-purple {
	color: var(--color-purple);
}

.h4-sky {
	color: #00BCD4;
}

.h4-sky::before {
	background-color:#00BCD4;
	opacity: 0.3;
}


.colorwhite {
	color: #fff;
}

.subcontents {
	min-height: 500px;
	padding: 110px 0;
	width: 100%;
	  color: #333;
	position: relative;
}

.subcontents h1 {
	letter-spacing: -2px;
	font-family: 'Escoredream';
		font-size: 40px;
	margin-bottom: 50px;    line-height: 1.4;
}

@media (max-width:1460px) {
	.subcontents {
		padding: 100px 0;
	}

	.subcontents h1 {
		margin-bottom: 40px; 
		letter-spacing: -2.5px;  
}
}

@media (max-width:1220px) {
	.subcontents {
		padding: 80px 0;
	}

	.subcontents h1 {
		font-size: 38px;
		margin-bottom: 30px;
	}
}

@media (max-width:980px) {
	.subcontents {
		padding: 70px 0;
	}

	.subcontents h1 { 
		font-size: 32px;
		margin-bottom: 25px;
		letter-spacing: -1px;  
	}
}

@media (max-width:680px) {
	.subcontents {
		padding: 100px 0;
		min-height: auto;
	} 
	.subcontents h1 { 
		font-size:28px;
		margin-bottom: 25px;
		letter-spacing: -1px;  
	}
}

@media (max-width:580px) {
	.subcontents {
		padding: 50px 0;
	}
 
}

@media (max-width:420px) {
	.subcontents {
		padding: 50px 0;
	}
 
}

.applytitle {
	font-size: 56px;
}

.img {
	width: 100%;
}

.subtitle span {
	font-size: 44px;
	display: block;
	font-weight: 200;
	color: #777;
}

.subtitle {
	font-size: 52px;
	font-weight: 800;
	line-height: 1.1;
}

.btext {
	font-size: 38px;
	color: #383838;
	font-weight: 800;
	margin-bottom: 20px;
}

.stext {
	font-size: 20px;
	color: #0c6eba;
	font-weight: 600;
}

.jbsf {
	margin-bottom: 80px;
}

.jbsf:last-child {
	margin-bottom: 0px;
}

.jbsf .rule {
	margin-bottom: 30px;
}

.jbsf .rule:last-child {
	margin-bottom: 0px;
}

.jbsf .rule .body {
	padding-left: 10px;
}

.jbsf .rule .body li {
	position: relative;
	padding-left: 15px;
	line-height: 1.6;
	font-size: 1.067em;
	opacity: .74;
}

.jbsf .rule .body li::before {
	position: absolute;
	width: 4px;
	height: 4px;
	border-radius: 100%;
	left: 0;
	top: .5em;
	content: '';
	background: rgba(0,0,0,.3);
}

@media (max-width:1680px) {
	.subtitle {
		font-size: 52px;
	}

	.applytitle {
		font-size: 52px;
	}
}

@media (max-width:1460px) {
	.subtitle {
		font-size: 50px;
	}

	.applytitle {
		font-size: 50px;
	}
}

@media (max-width:1220px) {
	.applytitle {
		font-size: 48px;
	}
}

@media (max-width:980px) {
	.subtitle {
		font-size: 46px;
	}
.jbsf {
	margin-bottom:60px;
}


	.applytitle {
		font-size: 46px;
	}

	.btext {
		font-size: 26px;
	}

	.subtitle span {
		display: block;
		font-size: 17px;
	}
}

@media (max-width:680px) {
	.subtitle {
		font-size: 42px;
	}

	.applytitle {
		font-size: 42px;
	}

.jbsf {
	margin-bottom:40px;
}

	.btext {
		font-size: 24px;
	}
}

@media (max-width:480px) {
	.subtitle {
		font-size: 38px;
	}

.jbsf {
	margin-bottom:30px;
}

	.applytitle {
		font-size: 38px;
	}

	.btext {
		font-size: 22px;
		word-break: break-all;
	}

	.subtitle span {
		font-size: 16px;
	}
}

@media (max-width:320px) {
	.subtitle {
		font-size: 34px;
	}

	.applytitle {
		font-size: 34px;
	}

	.btext {
		font-size: 20px;
	}

	.subtitle span {
		font-size: 15px;
	}
}

.subinner {
	max-width: 1280px;
	margin: 0 auto;
}

@media (max-width:1680px) {
}

@media (max-width:1460px) {
}

@media (max-width:1020px) {
	.subinner {
		max-width: 97%;
	}
}
 
 

.dpt {
  display: flex;
  width: 100%;
  gap: 5%;
  justify-content: center;
  align-content: center;
  align-items: start;
  padding:0 0 22px 0;
  flex-wrap: wrap; /* 여러줄 표시용 (필수!) */
}

/* 이미지 박스 영역 */
.dptc.photo.item-3 > div:first-child {
  position: relative;
  width: 100%;
  aspect-ratio: 4/3; /* ✅ 정사각 박스 — 필요시 4/3, 3/2로 변경 가능 */
  background: #ffff; 
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 이미지 중앙정렬 + 여백 균등 */
.dptc.photo.item-3 > div:first-child > img.img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain; /* 이미지 비율 유지하며 여백 생김 */
  display: block;
  margin: auto;
}


.dptc { 
}

.vat {
	vertical-align: top;
}

.tbl_head02 {
	margin: 0;
	width: 100%;
}

.tbl_head02 caption {
	padding: 0;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}

.tbl_head02 thead th {
	padding: 10px 0;
	font-weight: normal;
	color: #383838;
	text-align: center;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	font-size: 19px;
	font-weight: 600;
}

.tbl_head02 thead th:last-child {
	border-right: 0;
}

.tbl_head02 tfoot th, .tbl_head02 tfoot td {
	padding: 5px 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #fff;
	text-align: center;
}

.tbl_head02 tbody td {
	padding: 10px 5px;
	text-align: center;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	line-height: 1.2em;
	height: 50px;
	word-break: keep-all;
	font-size: 18px;
	color: #383838;
	font-weight: 400;
}

.tbl_head02 tbody td.last {
	border-right: 0;
}

@media all and (max-width:780px) {
	.tbl_head02 thead th, .tbl_head02 tbody td {
		font-size: 18px;
	}
}

@media all and (max-width:680px) {
	.tbl_head02 thead th, .tbl_head02 tbody td {
		font-size: 17px;
	}
}

@media all and (max-width:580px) {
	.tbl_head02 thead th, .tbl_head02 tbody td {
		font-size: 16px;
	}
}

@media all and (max-width:440px) {
	.tbl_head02 thead th, .tbl_head02 tbody td {
		font-size: 15px;
	}
}

.program-section {
}

.program-cards {
}
 

.tab-wrap {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	margin-bottom: 5%;
}

.tab {
	padding: 18px 30px;
	border: 1px solid #ccc;
	border-radius: 30px;
	background: #f8f8f8;
	cursor: pointer;
	font-size: 18px;
	font-weight: 600;
}

.tab:hover {
	background: var(--color-navy);
	border-color: var(--color-navy);
	color: #fff;
}

.tab.active {
	background: var(--color-navy);
	border-color: var(--color-navy);
	color: #fff;
}
 
.festival-layout {
	display: flex;
	padding: 0 0 0px 0px;
}

.poster-gallery {
	display: grid;
	flex: 1;
}

.poster-gallery .poster img {
	width: 100%;
	border-radius: 8px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}

.festival-info {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.festival-info .date {
	line-height: 1.4;
	color: #555;
	font-size: 22px;
	margin-bottom: 12px;
	display: block;
}

.festival-info .title {
	font-size: 32px;
	font-weight: 700;
	margin: 0 0 16px;
}

.festival-info .place {
	color: #888;
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 24px;
}

.festival-info li {
	color: #333;
	font-size: 16px;
	line-height: 1.5;
}

.more-btn {
	align-self: flex-start;
	padding: 10px 20px;
	border: 1px solid #ccc;
	border-radius: 6px;
	background: #fff;
	cursor: pointer;
	transition: .2s;
}

.more-btn:hover {
	background: #f5f5f5;
}

.flow-row {
	display: flex;
	align-items: stretch;
	gap: 12px;
	flex-wrap: wrap;
	margin-bottom: 3%;
}

.flow-step {
	flex: 1;
	border: 1px #eee solid;
	padding: 20px;
	border-radius: 20px;
	background: #f7f7f7;
}

.flow-arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	line-height: 1;
	user-select: none;
}

.flow-title {
	margin: 0 0 8px 0;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.3;
}

.flow-note {
	font-weight: 400;
	font-size: 14px;
}

.flow-list li {
	line-height: 1.5;
	margin: 0 0 4px 0;
}

.flow-list li:last-child {
	margin: 0;
}

.Ceo {
}

.Ceo .img img {
	width: 100%;
	background-size: cover;
	background-position: top;
	background-repeat: no-repeat;
}

.Ceo .kimtext {
	background: #fff;
	border-radius: 30px;
	z-index: 9;
	position: relative;
	width: 80%;
	margin: -280px auto 0 auto;
	padding: 5%;
}

.Ceo p {
	word-break: keep-all;
	font-size: 18px;
	font-weight: 400;
	color: #333;
	line-height: 1.6;
}

.Ceo .kimtext p .point {
	color: #0c6eba;
}

.Ceo .BigTitle {  font-family: 'Escoredream';    line-height: 1.2;
	font-size: 42px;
	margin-bottom: 15px;
	color: #0c6eba;
	letter-spacing: -2px;
	font-weight: 700;
}

@media (max-width:1280px) {
	.Ceo .img img {
		display: none;
	}

	.Ceo .kimtext {
		border-radius: 30px;
		width: 100%;
		margin: 0px auto 0 auto;
		padding: 0%;
	}
}

@media (max-width:768px) {
	.Ceo p {
		font-size: 17px;
		line-height: 1.4;
	}

	.Ceo .BigTitle {
		font-size: 38px;
		margin-bottom: 15px;
		letter-spacing: -2px;
		font-weight: 600;
	}
}

@media (max-width:600px) {
	.Ceo .kimtext {
		border-radius: 0px;
		text-align: left;
	}

	.Ceo p {
		font-size: 16px;
		line-height: 1.4;
	}

	.Ceo .BigTitle {
		font-size: 32px;
		margin-bottom: 15px;
		letter-spacing: -2px;
		font-weight: 600;
	}
}

#festival .sec03 {
	position: relative;
}

#festival .sec03:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	border-radius: 0 100px 0 0;
}

#festival .sec03 ul {
	width: 100%;
	height: 100%;
	font-size: 0;
}

#festival .sec03 li {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

#festival .sec03 li:nth-child(1) {
	width: 50%;
	text-align: center;
	box-sizing: border-box;
}

#festival .sec03 li:nth-child(1) img {
	max-width: 480px;
	width: 100%;
}

#festival .sec03 li:nth-child(2) {
	width: 50%;
	height: 100%;
}

#festival .sec03 li .cont {
	font-size: 20px;
}

#festival .sec03 dl {
	position: relative;
	margin-bottom: 25px;
}

#festival .sec03 dl dt {
	position: absolute;
	top: 0;
	left: 0;
	background: #144992;
	color: #fff;
	padding: 5px 0;
	width: 90px;
	font-size: 0.8em;
	text-align: center;
	border-radius: 16px;
}

#festival .sec03 dl dd {
	margin-left: 110px;
	line-height: 28px;
	text-align: left;
	font-weight: 400;
}

#festival .sec03 dl dd span {
	color: #144992;
	font-size: 1.4em;
	font-weight: 500;
}

#festival .sec03 dl dd img {
	width: 100%;
}

@media (max-width:1280px) {
	#festival .sec03 li .cont {
		font-size: 18px;
	}

	#festival .sec03 dl dd {
		margin-left: 100px;
		line-height: 26px;
	}

	#festival .sec03 dl dt {
		width: 80px;
	}
}

@media (max-width:768px) {
	#festival .sec03 ul {
		display: block;
	}

	#festival .sec03 li {
		display: block;
		width: 100%;
	}

	#festival .sec03 li:nth-child(1) {
		margin-bottom: 30px;
		width: 100%;
	}

	#festival .sec03 li:nth-child(2) {
		width: 100%;
	}

	#festival .sec03:before {
		width: 100%;
		border-radius: 0 0 50px 50px;
		height: 50%;
	}

	#festival .sec03 li .cont {
		font-size: 17px;
	}
}

@media (max-width:600px) {
	#festival .p50 {
		padding: 0;
	}
}
 

.ds-contact {
	margin: 130px auto 0 auto;
	position: relative;
}

.enbig {
	text-align: center;
	font-size: 140px;
	z-index: -1;
	position: absolute;
	top: -130px;
	left: 0;
	right: 0;
	margin: 0 auto;
	color: #f7f7f7;
	letter-spacing: -4px;
	font-weight: 800;
}

@media (max-width:1280px) {
	.ds-contact {
		margin: 100px auto 0 auto;
	}

	.enbig {
		font-size: 100px;
		top: -100px;
		letter-spacing: -3px;
	}
}

@media (max-width:768px) {
	.ds-contact {
		margin: 80px auto 0 auto;
	}

	.enbig {
		font-size: 72px;
		top: -80px;
		letter-spacing: -2px;
	}
}

@media (max-width:600px) {
	.ds-contact {
		margin: 0px auto 0 auto;
	}

	.enbig {
		display: none;
	}
}

.ds-hero {
	position: relative;
	margin: 20px 0 60px;
}

.ds-map img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 8px;
}

.ds-card {
	position: absolute;
	left: 40px;
	right: 40px;
	bottom: -30px;
	background: var(--color-blue);
	color: #fff;
	border-radius: 10px;
	padding: 32px 24px;
	box-shadow: 0 10px 28px rgba(0,0,0,.18);  z-index: 9;
}
 

.ds-card-title {
	margin: 0 0 12px;
	font-size: 34px;
	text-align: center;
	line-height: 1.3;
	font-weight: 800;
}

.ds-card-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ds-card-list .item {
	justify-content: center;
	display: flex;
	gap: 10px;
	align-items: flex-start;
}

.ds-card-list .ico {
	display: inline-flex;
	width: 38px;
	height: 42px;
	flex: 0 0 38px;
}

.ds-card-list .ico svg {
	width: 100%;
	height: 100%;
	fill: #fff;
	opacity: .9;
}

.ds-card-list .k {
	display: block;
	
	letter-spacing: .04em;
	opacity: .7;
	margin: 0 0 4px;
}

.ds-card-list .v {
	display: block;
	font-size: 26px;
	line-height: 1.45;
	font-weight: 700;
	letter-spacing: -1.5px;
}

.ds-transport {
	margin: 60px 0;
}

.sec-title {
	margin: 0 0 18px;
	font-size: 24px;
	line-height: 1.3;
	font-weight: 800;
}

.t-item {
	display: flex;
	gap: 14px;
	align-items: flex-start;
	padding: 18px 0;
}

.t-item .icon {
	width: 36px;
	height: 36px;
	display: inline-flex;
	flex: 0 0 36px;
}

.t-item .icon svg {
	width: 100%;
	height: 100%;
	fill: #1e2a3a;
}

.t-item .body h4 {
	margin: 0 0 6px;
	font-size: 18px;
	line-height: 1.3;
	font-weight: 800;
}

.t-item .body p {
	margin: 0;
	color: #333;
	line-height: 1.6;
}

.t-divider {
	border: 0;
	border-top: 1px solid #eaeef5;
	margin: 0;
}

.Location .wrap_controllers,
.Location  .cont,
.ds-map .wrap_controllers,
.ds-map .cont {display:none !important}
@media (max-width:1280px) {
	.ds-card {
		left: 24px;
		right: 24px;
		padding: 28px 20px;
	}

	.ds-hero .ds-map iframe {
		height: 500px;
	}
}

@media (max-width:768px) {
	.ds-card {
		position: static;
		margin-top: -20px;
		padding: 24px 18px;
		text-align: center;
	}

	.ds-card-title {
		font-size: 22px;
	}

	.ds-card-list .v {
		font-size: 26px;
		line-height: 1.2;
	}

	.ds-card-list .ico {
		display: none;
	}

	.ds-hero .ds-map iframe {
		height: 400px;
	}
}

@media (max-width:600px) {
	.ds-card {
		margin-top: 20px;
		padding: 20px 16px;
		border-radius: 8px;
		box-shadow: 0 6px 18px rgba(0,0,0,.15);
	}

	.ds-hero .ds-map iframe {
		height: 300px;
	}
	.ds-card-list .v {
		font-size: 22px;
		line-height: 1.2;
	}

	.ds-card-title {
		font-size: 20px;
	}
}



@media (max-width:400px) {
	.ds-card {
		margin-top:0px;
		padding:15px;  
	}

	.ds-hero .ds-map iframe {
		height: 400px;
	}

	.ds-card-title {
		font-size: 16px;
	}
	.ds-card-list .v {
		font-size: 20px;
		line-height: 1.2;
	}
}



.traffic-outer {
	margin: 0 auto;
	padding: 50px 0 10px 0px;
}

.traffic-grid {
	display: grid;
	grid-template-columns: 280px 1fr;
	gap: 48px;
	align-items: start;
}

.traffic-title {
	margin: 0;
	font-size: 56px;
	line-height: 1.05;
	font-weight: 900;
}

.traffic-items {
	display: block;
}

.trow {
	display: grid;
	grid-template-columns: 84px 1fr;
	gap: 24px;
	padding: 40px 0;
	align-items: flex-start;
}

.trow:first-child {
	padding-top: 0;
}

.t-div {
	border: 0;
	border-top: 1px solid #eceff5;
	margin: 0;
}

.t-ico {
	position: relative;
	width: 64px;
	height: 64px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.t-ico::after {
	content: "";
	position: absolute;
	right: 2px;
	bottom: 6px;
	width: 22px;
	height: 22px;
	background: var(--color-blue);
	border-radius: 50%;
}

.t-ico svg {
	width: 64px;
	height: 64px;
	fill: #111;
}

.t-body h3 {
	margin: 10px 0px 30px 0;
	font-size: 28px;
	line-height: 1.25;
	font-weight: 900;
}

.line-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	font-size: 15px;
	font-weight: 800;
	color: #fff;
	margin-right: 8px;
}

.line1 {
	background: #1f3b87;
}

.line3 {
	background: #f07900;
}

@media (max-width:1280px) {
	.traffic-grid {
		grid-template-columns: 240px 1fr;
		gap: 36px;
	}

	.traffic-title {
		font-size: 48px;
	}

	.trow {
		grid-template-columns: 78px 1fr;
		padding: 32px 0;
	}

	.t-ico {
		width: 58px;
		height: 58px;
	}

	.t-ico svg {
		width: 58px;
		height: 58px;
	}

	.t-body h3 {
		font-size: 24px;
		margin: 8px 0 24px;
		font-weight: 800;
	}
}

@media (max-width:768px) {
	.traffic-grid {
		grid-template-columns: 1fr;
		gap: 28px;
	}

	.traffic-title {
		font-size: 38px;
		text-align: center;
	}

	.trow {
		grid-template-columns: 70px 1fr;
		padding: 24px 0;
	}

	.t-ico {
		width: 54px;
		height: 54px;
	}

	.t-ico svg {
		width: 54px;
		height: 54px;
	}

	.t-body h3 {
		font-size: 22px;
		margin: 6px 0 20px;
		font-weight: 700;
	}
}

@media (max-width:600px) {
	.traffic-title {
		font-size: 32px;
		text-align: left;
	}

	.trow {
		grid-template-columns: 60px 1fr;
		gap: 16px;
		padding: 18px 0;
	}

	.t-ico {
		width: 48px;
		height: 48px;
	}

	.t-ico svg {
		width: 48px;
		height: 48px;
	}

	.t-body h3 {
		margin: 6px 0 16px;
	}

	.line-badge {
		width: 24px;
		height: 24px;
		font-size: 13px;
	}
}

.ul-type01 > li {
	position: relative;
	padding: 0 0 14px 10px;
	margin: 0 0 14px 0px;
	font-size: 18px;
	box-sizing: border-box;
	border-bottom: 1px #eee solid;
}

.ul-type01 > li::before {
	content: '';
	display: block;
	position: absolute;
	top: 8px;
	left: 0;
	border-radius: 50%;
	width: 4px;
	height: 4px;
	background: #666;
}

.ul-type01 > li p {
	position: relative;
	padding: 0 0 0 10px;
	font-size: 16px;
	line-height: 1.5rem;
	color: #666;
}

@media (max-width:1280px) {
}

@media (max-width:768px) {
	.ul-type01 > li {
		padding: 0 0 12px 8px;
		margin: 0 0 12px 0;
		font-size: 16px;
	}

	.ul-type01 > li::before {
		top: 7px;
		width: 3px;
		height: 3px;
	}
}

@media (max-width:600px) {
	.ul-type01 > li {
		padding: 0 0 10px 6px;
		margin: 0 0 10px 0;
	}
}

.schedule-table {
	width: 100%;
	border-collapse: collapse;
	text-align: center;
}

.schedule-table thead th {
	color: #333;
	padding: 10px;
	border: 1px solid #333;
}

.schedule-table td, .schedule-table th {
	border: 1px solid #333;
	padding: 8px;
	vertical-align: middle;
}

.schedule-table tbody td {
	color: #333;
}

.schedule-table .mint {
	background: #00695C;
	color: #fff;
	font-weight: bold;
}

.schedule-table .mag {
	background: #AD1457;
	color: #fff;
	font-weight: bold;
}

.schedule-table tbody tr:nth-child(even) td:not([rowspan]) {
}

#r_d .tab-wrap {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	margin-bottom: 5%;    word-break: break-all;
}

#r_d .tab {    flex: initial;  padding: 15px 3%;
}

#r_d .tab:hover {
	background: var(--color-orange);
	border-color: var(--color-orange);
	color: #fff;    word-break: break-all;
}

#r_d .tab.active {
	background: #2f66c5;
	border-color: #2f66c5;
	color: #fff;
}

#r_d .tab-content {
	display: none;
}

#r_d .tab-content.active {
	display: block;
}

@media (max-width:1200px) {
	#r_d .tab-wrap {
		gap: 8px;
		margin-bottom: 4%;
	}

	#r_d .tab {
		padding: 16px 24px;
		font-size: 17px;
		border-radius: 26px;
	}

	#r_d .tab-content {
		margin-top: 6px;
	}
}

@media (max-width:992px) {
	#r_d .tab-wrap {
		gap: 8px;
	}

	#r_d .tab {
		padding: 14px 20px;
		font-size: 16px;
		border-radius: 22px;
	}

	#r_d .tab-content {
		padding-top: 4px;
	}
}

@media (max-width:640px) {
	#r_d .tab-wrap {
		gap: 8px;
		margin-bottom: 16px;
	}

	#r_d .tab { 
		text-align: center;
		padding: 8px 16px;
		font-size: 15px;    line-height: 1.2;
		border-radius: 20px;
	}

	#r_d .tab-content {
		margin-top: 8px;
	}
}

@media (max-width:440px) {
	#r_d .tab-wrap {
		gap: 8px;
		margin-bottom: 1px;
	}

	#r_d .tab {
		flex: 1 1 100%;
		text-align: center; 
		font-size: 14px;
		border-radius:30px;
	}

	#r_d .tab-content {
		margin-top: 8px;
	}
}

#r_d .rd-section {
}

#r_d .rd-cards {
}

#r_d .rd-card {
	display: flex;
	align-items: flex-start;
	gap: 40px;
	border-radius: 12px;
	overflow: hidden;
	margin-bottom: 5%;
	background: #f7f7f7;
	padding: 5%;
}

#r_d .rd-card .rd-image {
	flex: 0 0 550px;
	;
}

#r_d .rd-card .rd-image img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 10px;
}

#r_d .rd-info {
	flex: 1;
	display: flex;
	flex-direction: column;
}

#r_d .rd-info .rd-title {
	letter-spacing: -3px;
	font-family: 'Escoredream';
	font-size: 38px;
	font-weight: 700;
	margin: 0 0 15px 0;
}

#r_d .rd-info .festival-layout .festival-info {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#r_d .rd-info .festival-layout .festival-info .place {
	word-break: keep-all;
	color: #333;
	font-size: 18px;
	line-height: 1.7;
}

#r_d .rdBox {
	display: flex;
	align-items: flex-start;
	gap: 40px;
	margin-bottom: 5%;
}

#r_d .rdBox .rdTitle {
	font-family: 'Escoredream';
	word-break: keep-all;
	font-size: 32px;
	font-weight: 700;
	flex: 0 0 25%;
	line-height: 1.2;
}

#r_d .rdBox .rdcont, #r_d .rdBox .rdimg {
	flex: 0 0 70%;
}

#r_d .rdBox .rdimg img {
	margin-bottom: 2%;
	max-width: 100%;
}

#r_d .rdBox li, #r_d .rdBox p {
	color: #333;
	word-break: keep-all;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.4;
	margin: 1% 0;
}

#r_d .rdBox .movie {
}

#r_d .movie iframe {
	border-radius: 30px;
	overflow: hidden;
}


.more { border: 1px #eee solid;
  padding: 15px 30px;
  background: #f7f7f7;
  text-align: center;
  font-weight: 700;
  display: block;
  border-radius: 30px;
  margin: 0 auto;}
@media (max-width:1200px) {
	#r_d .rd-card {
		gap: 28px;
		padding: 4%;
	}

	#r_d .rd-card .rd-image {
		flex: 0 0 420px;
	}

	#r_d .rd-info .rd-title {
		font-size: 34px;
		letter-spacing: -2px;        word-break: break-all;
	}

	#r_d .rd-info .festival-layout .festival-info .place {
		font-size: 17px;
		line-height: 1.65;
	}

	#r_d .rdBox {
		gap: 28px;
	}

	#r_d .rdBox .rdTitle {
		font-size: 28px;
		flex: 0 0 30%;
	}

	#r_d .rdBox .rdcont,#r_d .rdBox .rdimg {
		flex: 0 0 68%;
	}
}

@media (max-width:992px) {
	#r_d .rd-card {
		gap: 22px;
		padding: 2%; 
	}

	#r_d .rd-card .rd-image {
		flex: 0 0 340px;
	}

	#r_d .rd-info .rd-title {
		font-size: 30px;
		letter-spacing: -1.5px;
		margin-bottom: 12px;
	}

	#r_d .rd-info .festival-layout .festival-info {
		gap: 6px;
	}

	#r_d .rd-info .festival-layout .festival-info .place {
		font-size: 16px;
		line-height: 1.6;
	}

	#r_d .rdBox {
		gap: 22px;
	}

	#r_d .rdBox .rdTitle {
		font-size: 24px;
		flex: 0 0 34%;
	}

	#r_d .rdBox li,#r_d .rdBox p {
		font-size: 17px;
		line-height: 1.6;
	}
}

@media (max-width:640px) {
	#r_d .rd-card {
		flex-direction: column;
		gap: 16px; 
		padding:0; background:none;
		border-radius: 12px;
	}

	#r_d .rd-card .rd-image {
		flex: 0 0 auto;
		width: 100%;
	}

	#r_d .rd-card .rd-image img {
		border-radius: 12px;
	}

	#r_d .rd-info {
		width: 100%;
	}


	#r_d .rdBox .rdTitle, 
	#r_d .rd-info .rd-title {
		font-size: 24px;
		letter-spacing: -1px; 
		}


	#r_d .rdBox li,#r_d .rdBox p,
	#r_d .rd-info .festival-layout .festival-info .place {
		font-size: 15px;
		line-height: 1.5;   font-weight:400;
	}

	#r_d .rdBox {
		flex-direction: column;
		gap: 14px;
		margin-bottom: 28px;
	} 
	#r_d .rdBox .rdcont,#r_d .rdBox .rdimg {
		flex: none;
		width: 100%;
	}

	#r_d .rdBox .rdimg img {
		margin-bottom: 10px;
	}
 
	#r_d .movie iframe {
		width: 100%;
		aspect-ratio: 16/9;
		border-radius: 16px;
	}


	

@media (max-width:440px) { 

	#r_d .rdBox .rdTitle,
	#r_d .rd-info .rd-title {
		font-size: 20px; 
	}

 

	#r_d .rdBox li,#r_d .rdBox p,
	#r_d .rd-info .festival-layout .festival-info .place {
		font-size: 14px;
		line-height: 1.4; 
	}

	#r_d .rdBox {
		flex-direction: column;
		gap: 14px;
		margin-bottom: 28px;
	} 




}




.notification-layer2 {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	justify-content: center;
	align-items: center;
	z-index: 1000;
	width: 100%;
	height: 100%;
}

.notification-layer {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	justify-content: center;
	align-items: center;
	z-index: 1000;
	width: 100%;
	height: 100%;
}

.notification-content {
	justify-content: center;
	align-items: center;
	display: flex;
	background: rgba(0, 0, 0, 0.8);
	color: #fff;
	text-align: center;
	width: 100%;
	height: 100%;
}

.notification-content button {
	margin-left: 10px;
	padding: 10px;
	border: none;
	background: #007bff;
	color: #fff;
	border-radius: 5px;
	cursor: pointer;
}

.notification-content button:hover {
	background: #0056b3;
}

#notificationMessage {
	font-size: 24px;
	color: #fff;
	font-weight: 700;
}

#notificationMessage2 {
	font-size: 24px;
	color: #fff;
	font-weight: 700;
}

.notification-content button::before {
	content: '×';
	display: inline-block;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	transition: color 0.3s;
	;
}

.notification-content button:hover::before {
	color: #007bff;
	;
}

.ticket-application > ul, .kit-application > ul {
	text-align: center;
}

.ticket-application > ul > li {
	position: relative;
	background-color: #fff;
	vertical-align: top;
	width: calc((100% / 4) - 1%);
	display: inline-block;
	margin: .5%;
	padding: 30px 15px;
}

.ticket-application ul li span {
	width: 80px;
	font-weight: 700;
	padding: 5px 20px;
	background: #dfdfdf;
	display: inline-block;
	margin-top: 20px;
	color: #666;
	font-size: 15px;
}

.ticket-application > ul > li:hover {
	background-color: #144992;
	transition: background-color 0.5s ease;
}

.ticket-application > ul > li:hover a > h4, .ticket-application > ul > li:hover a > p {
	color: #fff;
}

.ticket-application > ul > li:hover .button-arrow {
	background-color: #fff;
	color: #144992;
}

.ticket-application ul li:hover span {
	background-color: #fff;
	color: #144992;
}

.ticket-application button.btn_frmline {
	width: 100%;
	margin-bottom: 10px;
}

.ticket-application .button-arrow {
	background-color: #144992;
	margin: 30px auto 0 auto;
	bottom: initial;
	left: initial;
	right: initial;
	position: relative;
	transform: inherit;
}

.kit-application > ul > li {
	position: relative;
	background-color: #fff;
	vertical-align: top;
	width: calc((100% / 4) - 1%);
	display: inline-block;
	margin: .5%;
	border: 1px #eee solid;
	padding: 30px 15px;
}

.kit-application > ul > li > a {
}

.ticket-application > ul > li > a > h4, .kit-application > ul > li > a > h4 {
	word-break: keep-all;
	font-size: 23px;
}

.ticket-application > ul > li > a > p, .kit-application > ul > li > a > p {
	word-break: keep-all;
	font-size: 18px;
	margin-top: 10px;
}

.kit-application > ul {
	display: flex;
	flex-wrap: wrap;
}

.kit-application > ul > li img {
	display: block;
	text-align: center;
	margin: 0 auto 15px auto;
}

.kit-application ul li span {
	width: 80px;
	font-weight: 700;
	padding: 5px 20px;
	background: #dfdfdf;
	display: inline-block;
	margin-bottom: 20px;
	color: #666;
	font-size: 15px;
}

#kit button.btn_frmline {
	width: 100%;
	margin-bottom: 10px;
}

.kit-application .button-arrow {
	margin: 30px auto 0 auto;
	bottom: initial;
	left: initial;
	right: initial;
	position: relative;
	transform: inherit;
}

@media screen and (max-width: 1280px) {
}

@media screen and (max-width:980px) {
	.ticket-application > ul > li > a > h4, .kit-application > ul > li > a > h4 {
		font-size: 22px;
	}
}

@media screen and (max-width:880px) {
	.ticket-application > ul > li > a > h4, .kit-application > ul > li > a > h4 {
		font-size: 20px;
	}
}

@media screen and (max-width:780px) {
	.ticket-application > ul > li {
		width: calc((100% / 3) - 4%);
		margin: .5%;
	}

	.kit-application > ul > li {
		min-height: 260px;
		width: calc((100% / 3) - 4%);
		margin: .5%;
	}

	.kit-application > ul > li > a > p {
		word-break: break-all;
	}

	.kit-application > ul > li > a > p {
		font-size: 16px;
	}
}

@media screen and (max-width:680px) {
	.ticket-application > ul > li {
		width: calc((100% / 3) - 2%);
		padding: 40px 10px;
	}

	.kit-application > ul > li {
		width: calc((100% / 3) - 2%);
		padding: 40px 10px;
	}

	.ticket-application > ul > li > a > p,;
}

@media screen and (max-width:580px) {
	.ticket-application > ul > li > a > h4, .kit-application > ul > li > a > h4 {
		font-size: 18px;
	}

	.ticket-application > ul > li {
		width: calc((100% / 2) - 2%);
		margin: 1%;
		padding: 40px 20px;
	}

	.kit-application > ul > li {
		min-height: 280px;
		width: calc((100% / 2) - 2%);
		margin: 1%;
		padding: 40px 20px;
	}

	.kit-application > ul > li > a > p br {
		display: none;
	}
}

@media screen and (max-width:480px) {
	.ticket-application > ul > li {
		width: calc((100% / 2) - 4%);
		margin: 2%;
	}

	.kit-application > ul > li {
		min-height: 260px;
		width: calc((100% / 2) - 4%);
		margin: 2%;
	}

	.kit-application > ul > li > a > span {
		bottom: 20px;
	}
}

@media screen and (max-width:420px) {
	.ticket-application > ul > li {
		padding: 30px 20px;
	}

	.ticket-application > ul > li > a > h4, .kit-application > ul > li > a > h4 {
		font-size: 20px;
	}

	.kit-application > ul > li {
		min-height: auto;
		padding: 30px 10px;
		margin: 1%;
		width: calc((100% / 2) - 2.2%);
	}

	.kit-application > ul > li > a > span {
		text-align: center;
		left: inherit;
		right: 10px;
		transform: initial;
	}

	.ticket-application > ul > li > a > p, .kit-application > ul > li > a > p {
		font-size: 15px;
	}

	.kit-application .button-arrow {
		width: 100%;
		margin-top: 20px;
	}

	.kit-application > ul > li > a > h4 br {
		display: none;
	}
}

@media screen and (max-width:320px) {
	.ticket-application .button-arrow {
		margin: 20px auto 0 auto;
	}

	.ticket-application > ul > li > a > h4 {
		font-size: 23px;
	}

	.ticket-application > ul > li > a > p {
		font-size: 18px;
		font-weight: 600;
	}

	.ticket-application > ul > li {
		width: 100%;
		min-height: auto;
	}

	.kit-application > ul > li img {
		display: none;
	}

	.kit-application > ul > li > a > h4 {
		font-size: 23px;
	}
}

@media screen and (max-width:320px) {
	.kit-application > ul > li {
		min-height: auto;
		width: 100%;
		margin: 2%;
		padding: 30px 20px 30px 20px;
	}

	.kit-application > ul > li > a > h4 br {
		display: none;
	}

	.kit-application .button-arrow {
		margin: 15px auto 0 auto;
	}
}

.modal {
	display: none;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0,0,0,0.4);
	;
}

.modal-content {
	background-color: #fefefe;
	margin: 15% auto;
	padding: 20px 50px 50px 50px; 
	text-align: center;
	position: relative;
}

.modal-content {
	text-align: center;
}

.modal-content b {
	font-size: 32px;
	display: block;
	margin-top: 40px;
	margin-bottom: 20px;
}

.modal-content .Alertbox {
	background: #f7f7f7;
	padding: 30px;
}

.modal-content .Alertbox .Character01 {
	position: absolute;
	right: -74px;
	bottom: -40px;
	width: 150px;
}

.modal-content .Alertbox .Alerttext {
	background: #144992;
	;margin: 0px 0 10px 0;
	font-size: 20px;
	display: inline-block;
	padding: 5px 30px;
	border-radius: 30px;
	color: #fff;
	font-weight: 600;
}

.modal-content .Alertbox ul li {
	font-size: 18px;
	line-height: 2em;
}

.close {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.close:hover, .close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}

.modal-content p {
	margin: 15px 0 0 0;
	font-weight: 700;
	color: #666;
	word-break: break-all;
}

.modal2 {
	align-content: center;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.4);
	;
}

.modal-content2 {
	background-color: #fefefe;
	margin: 0% auto;
	width: 90%;
	padding: 10% 0;
	position: relative;
	text-align: center;
}

.modal-content2 b {
	font-size: 32px;
	display: block;
	margin-top: 0px;
	margin-bottom: 20px;
}

.modal-content2 .Alertbox {
	background: #f7f7f7;
	padding: 30px;
}

.modal-content2 .Alertbox .Character01 {
	position: absolute;
	left: -85px;
	bottom: -20px;
	width: 150px;
}

.modal-content2 .Alertbox .Alerttext {
	background: #144992;
	;margin: 0px 0 10px 0;
	font-size: 20px;
	display: inline-block;
	padding: 5px 30px;
	border-radius: 30px;
	color: #fff;
	font-weight: 600;
}

.modal-content2 .Alertbox ul li {
	font-size: 18px;
	line-height: 1.2em;
}

.close2 {
	color: #000;
	font-size: 28px;
	font-weight: bold;
}

.modal-content2 p {
	margin: 15px 0 0 0;
	font-weight: 700;
	color: #666;
	word-break: break-all;
}

.subdate {
	font-size: 20px;
	font-weight: 700;
}

@media screen and (max-width: 1280px) {
}

.modal-content2 b {
	font-size: 30px;
}

@media screen and (max-width:980px) {
	.modal-content2 b {
		font-size: 28px;
	}

	.subdate {
		font-size: 19px;
	}
}

@media screen and (max-width:880px) {
	.modal-content2 b {
		font-size: 26px;
	}

	.modal-content2 .Alertbox .Character01 {
		width: 100px;
		left: -60px;
	}
}

@media screen and (max-width:780px) {
	.subdate {
		font-size: 18px;
	}
}

@media screen and (max-width:680px) {
	.modal-content2 b {
		font-size: 24px;
		margin: 0 10px 20px 10px;
	}

	.modal-content2 p, .modal-content p {
		font-size: 16px;
	}
}

@media screen and (max-width:580px) {
	.modal-content2 b {
		font-size: 22px;
	}

	.modal-content2 .Alertbox .Alerttext, .modal-content2 p, .modal-content p {
		font-size: 15px;
	}

	.subdate {
		font-size: 17px;
		font-weight: 700;
	}
}

@media screen and (max-width:480px) {
	.modal-content2 .Alertbox .Alerttext, .modal-content2 .Alertbox ul li, .modal-content .Alertbox ul li {
		font-size: 16px;
	}

	.modal-content2 p, .modal-content p {
		font-size: 15px;
	}

	.modal-content2 .Alertbox .Character01 {
		left: -40px;
	}
}

@media screen and (max-width:420px) {
	.subdate {
		font-size: 16px;
		font-weight: 700;
	}

	.modal-content2 .Alertbox .Alerttext, .modal-content2 .Alertbox ul li, .modal-content .Alertbox ul li {
		font-size: 15px;
	}

	.modal-content2 .Alertbox .Character01 {
		left: -60px;
	}
}

@media screen and (max-width:320px) {
	.modal-content2 .Alertbox .Character01 {
		display: none;
	}

	.subdate {
		font-size: 15px;
	}
}

.button-arrow {
	margin-top: 20px;
	display: inline-flex;
	align-items: center;
	padding: 8px 16px;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	background-color: #007bff;
	border: none;
	border-radius: 5px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	position: absolute;
	transition: background-color 0.3s, transform 0.2s;
	left: 50%;
	right: 50%;
	margin: 0 auto;
	transform: translate(-50%, -50%);
	display: block;
	width: 120px;
	bottom: 20px;
}

.button-arrow-close {
	margin-top: 40px;
	display: inline-flex;
	align-items: center;
	padding: 8px 16px;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	background-color: #ff0000;
	border: none;
	border-radius: 5px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	position: absolute;
	transition: background-color 0.3s, transform 0.2s;
	left: 50%;
	right: 50%;
	margin: 0 auto;
	transform: translate(-50%, -50%);
	display: block;
	width: 120px;
	bottom: 20px;
}

@media screen and (max-width:420px) {
	.button-arrow {
		transition: inherit;
		position: relative;
		left: initial;
		right: inherit;
		transform: inherit;
		display: block;
		width: 120px;
		bottom: inherit;
		margin-top: 20px;
	}
}

.button-arrow-close {
	transition: inherit;
	position: relative;
	left: initial;
	right: inherit;
	transform: inherit;
	display: block;
	width: 120px;
	bottom: inherit;
	margin-top: 40px;
}}

#wrap .util_wrap {
	display: inline-block;
	z-index: 99;
	position: fixed;
	right: 90px;
	top: 33px;
}

#util_list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-size: .8rem;
	color: rgba(0,0,0,0.7);
	font-weight: 300;
	letter-spacing: 0.2px;
}

#util_list li {
	display: flex;
	flex-wrap: wrap;
}

#util_list li a {
	display: inline-block;
}

#util_list > li + li:before {
	display: inline-block;
	content: "";
	width: 1px;
	height: 10px;
	background: rgba(0,0,0,0.3);
	margin: 3px 10px 0 9px;
}

.bo_vc_w, #bo_vc, .cmt_btn, #bo_v_share, #bo_v_info .profile_info .pf_img, .profile_info_ct {
	display: none !important;
}

@media (min-height: 800px) {
}

@media (max-height: 799px) {
}

.locbar {
	background: #f1f5fb;
	;z-index: 9;
	position: relative;
}

.locbar * {
	box-sizing: border-box;
}

.locbar .sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	white-space: nowrap;
	border: 0;
}

.locbar-inner {
	margin: 0 auto;
	display: flex;
	align-items: center;
	gap: 0;
}

.loc-home {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	background: #2f66c5;
}

.loc-home svg {
	width: 20px;
	height: 20px;
	fill: #fff;
}

.loc-current {
	position: relative;
	width: 180px;
}

.loc-btn {
	background: #f1f5fb;
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 0 24px;
	min-width: 180px;
	height: 60px;
	border-right: 1px solid #d8e1ef;
	line-height: 1;
	cursor: pointer;
}

.loc-btn:focus {
	outline: 2px solid #2f66c5;
	outline-offset: 2px;
}

.loc-label {
	font-size: 15px;
	color: #1e2a3a;
}

.loc-caret {
	width: 18px;
	height: 18px;
	fill: #1e2a3a;
	transition: transform .2s ease;
	position: absolute;
	right: 20px;
}

.loc-current[aria-open="true"] .loc-caret {
	transform: rotate(180deg);
}

.loc-current .loc-menu {
	display: none;
	position: absolute;
	top: 60px;
	left: 0;
	min-width: 100%;
	background: #fff;
	border: 1px solid #d8e1ef;
	border-radius: 5px;
	box-shadow: 0 6px 18px rgba(20,35,60,.12);
	padding: 0 6px;
	z-index: 99;
}

.loc-current:hover .loc-menu {
	display: block;
}

.loc-menu li {
	list-style: none;
}

.loc-menu a {
	display: block;
	padding: 20px 5px;
	border-radius: 4px;
	color: #1e2a3a;
	text-decoration: none;
}

.loc-menu a[aria-selected="true"] {
	font-weight: 700;
	background: #f1f5fb;
}

.loc-menu a:hover {
	background: #f1f5fb;
}

.locbar .loc-select {
	position: relative;
}

.locbar .loc-select select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	height: 60px;
	padding: 0 44px 0 18px;
	border: 0;
	border-right: 1px solid #d8e1ef;
	background: #fff;
	font-size: 15px;
	color: #1e2a3a;
}

.locbar .loc-select .loc-caret {
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 7px solid #1e2a3a;
	pointer-events: none;
}

.locbar .loc-btn:focus,.locbar .loc-select select:focus {
	outline: none;
	box-shadow: none;
}

.locbar .loc-select select:hover,.locbar .loc-select select:focus {
	border-color: none;
}

@media (max-width:1680px) {
}

@media (max-width:1460px) {
}

@media (max-width:1220px) {
	.loc-current {
		width: 170px;
	}

	.loc-btn {
		min-width: 170px;
	}
}

@media (max-width:980px) {
	.loc-current {
		width: 160px;
	}

	.loc-btn {
		min-width: 160px;
		height: 50px;
	}

	.loc-home {
		height: 50px;
	}

	.loc-current .loc-menu {
		top: 50px;
	}
}

@media (max-width:680px) {
	.loc-btn {
		padding: 0 15px;
	}

	.loc-current .loc-btn {
		padding-right: 25px;
	}
}

@media (max-width:480px) {
}

.sub_top_box {
	position: relative;
	overflow: hidden;
	display: table;
	width: 100%;
	height: 400px;
	margin: 0px auto;
	text-align: center;
	background-size: cover;
	background-position: 50% 50%;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	z-index: 0;
}

.sub_vTxt {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	z-index: 2;
}

.sub_vTxt p {
	color: #fff;
}

.sub_vTxt .sTit {
	font-family: 'Escoredream';
	text-transform: uppercase;
	font-weight: 700;
	font-size: 52px;
	word-break: keep-all;
	position: relative;
	display: inline-block;
	padding: 0 0 25px 0px;
}

.sub_vTxt .sTit:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	border-bottom: 1px #fff solid;
	width: 30%;
	height: 100%;
	opacity: 0.5;
}

.sub_vTxt .eTxt {
	padding-top: 25px;
	font-weight: 400;
	font-size: 18px;
	line-height: 120%;
}

.sub_top_box .sub-2dep {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #fff;
	display: inline-block;
	padding: 0 40px;
}

.sub_top_box .sub-2dep li {
	display: inline-block;
	padding: 0 40px;
	height: 80px;
	line-height: 90px;
}

.sub_top_box .sub-2dep a {
	color: #333;
	font-weight: 400;
}

.sub_top_box .overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.1);
	z-index: 1;
}

@media (max-width:1680px) {
}

@media (max-width:1460px) {
	.sub_vTxt .sTit {
		font-size: 46px;
	}

	.sub_top_box {
		height: 300px;
	}
}

@media (max-width:1220px) {
	.sub_top_box {
		height: 380px;
	}

	.sub_vTxt .sTit {
		font-size: 42px;
	}

	.sub_vTxt .eTxt {
		width: 80%;
		margin: 0 auto;
		word-break: keep-all;
	}
}

@media (max-width:980px) {
	.sub_top_box {
		height: 300px;
	}

	.sub_vTxt .sTit {
		font-size: 32px;
	}

	.sub_vTxt .eTxt {
		font-size: 17px;
	}

	.sub_top_box {
		animation: none !important;
		background-size: cover !important;
		background-position: center center;
		filter: none !important;
		opacity: 1 !important;
	}
}

@media (max-width:680px) {
	.sub_top_box {
		height:250px;
	}

	.sub_vTxt .sTit {
		font-size: 28px;
		padding: 0px 0px 5px 0;
	}

	.sub_vTxt .eTxt {
		font-size: 16px;
		padding-top: 5px;
	}
}

@media (max-width:480px) {
	.sub_top_box {
		height: 200px;
	}

	.sub_vTxt .sTit {
		font-size: 24px;
	}

	.sub_vTxt .eTxt {
		font-size: 15px;
	}
}











								/* 비율 박스: 1120x550 => 49.107% */
.rmap{position:relative;width:100%; margin:0 auto;}
.rmap::before{content:"";display:block;padding-top:40.107%;} /* 높이 비율 유지 */

/* 지도를 비율 박스에 절대배치로 꽉 채우기 */
.rmap > .root_daum_roughmap{
  position:absolute; inset:0;
  width:100% !important; height:100% !important;
}

/* Roughmap 내부 컨테이너도 100% 강제 (버전별 클래스 대비) */
.root_daum_roughmap,
.root_daum_roughmap .wrap_map,
.root_daum_roughmap .map {
  width:100% !important; height:100% !important;
}

/* 모바일에서 세로 더 확보하고 싶으면 비율만 조정 */
@media (max-width:680px){
  .rmap::before{padding-top:65%;}
}






 











 

 /* Swiper 버튼 - 심플 스타일 */
.swiper-button-next,
.swiper-button-prev {
    width: 45px;
    height: 45px; 
    top: 50%;
    transform: translateY(-50%);
    transition: 0.3s;
}
 
.swiper-button-next {
    right: -50px;
}

.swiper-button-prev {
    left:-25px;
}

.swiper-button-next::after,
.swiper-button-prev::after {
    font-size: 20px;
    color: #fff;
}

/* 페이지네이션 도트 */
.swiper-pagination {
    bottom: 15px !important;
}

.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background-color: rgba(255, 255, 255, 0.6);
    opacity: 1;
}

.swiper-pagination-bullet-active {
    background-color: #144992;
    width: 28px;
    border-radius: 5px;
}




















/* 책 넘기기 효과 */
.book-container{position:relative;width:100%;margin-bottom:30px;}
.book-wrapper{display:flex;justify-content:center;align-items:center; gap:20px;}
.book-page{width:100%;position:relative;cursor:pointer; }
.page-img{  border-radius: 10px;width:100%;height:100%;object-fit:cover; border-radius:2px;transition:all 0.4s ease;}
.book-page.active .page-img{opacity:1;transform:scale(1);}
.book-page.prev .page-img{opacity:0;transform:translateX(-30px);}
.book-page.next .page-img{opacity:0;transform:translateX(30px);}
.page-counter{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,0.6);color:white;padding:8px 16px;border-radius:4px;font-size:13px;z-index:10;}
.page-controls{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:95px;z-index:10;}
.page-btn{background-color:rgba(0,0,0,0.6);color:white;border:none;padding:10px 18px;border-radius:4px;cursor:pointer;font-size:13px;transition:all 0.3s ease;}
.page-btn:hover{background-color:rgba(0,0,0,0.9);}
.page-btn:disabled{opacity:0.3;cursor:not-allowed;}
.subtitle{text-align:center;margin-bottom:30px;font-size:28px;font-weight:bold;color:#333;padding-top:30px;}

/* 탭 스타일 */
.tab-wrap{display:flex;flex-wrap:wrap;gap:10px;margin-top:40px;margin-bottom:30px;justify-content:center;padding:20px 0;border-top:2px solid #f0f0f0;}
.tab{padding:12px 24px;background-color:#f0f0f0;border:1px solid #ddd;border-radius:40px;cursor:pointer;transition:all 0.3s ease;font-size:14px;font-weight:500;color:#666;}
.tab:hover{background-color:#e0e0e0;color:#333;}
.tab.active{background-color:#333;color:white;border-color:#333;}
.tab-content{display:none;}
.tab-content.active{display:block;animation:fadeIn 0.3s ease-in;}
@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}

/* 썸네일 리스트 */
.thumbnail-list{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:30px 0px;}
.thumbnail-item{width:100%;position:relative;overflow:hidden;cursor:pointer;}
.thumbnail-item img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;box-shadow:0 5px 15px rgba(0,0,0,0.1);border-radius:4px;}
.thumbnail-item:hover img{transform:scale(1.05);}

/* 모달 */
.modal-overlay{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);align-items:center;justify-content:center;}
.modal-overlay.active{display:flex;}
.modal-content{background-color:white;padding:0;border-radius:8px;max-width:85%;max-height:85vh;position:relative;overflow:hidden;}
.modal-image{width:100%;height:auto;max-height:75vh;object-fit:contain;display:block;}
  
.thumbnail-container{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:30px 0px;}

@media(max-width:1200px){ 
  .thumbnail-list{grid-template-columns:repeat(3,1fr);}
}

@media(max-width:768px){
  .book-wrapper{flex-direction:column;gap:30px;}
  .book-page{width:100%; }
  .thumbnail-list{grid-template-columns:repeat(2,1fr);}
  .page-counter{font-size:12px;}
  .page-btn{padding:8px 14px;font-size:12px;}
  .tab{padding:10px 16px;font-size:12px;}
  .tab-wrap{gap:8px;}
  .page-img { height:auto;box-shadow:0 10px 30px rgba(0,0,0,0);} 
}
















@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

/* ===================================
   1. 공통 스타일
   =================================== */

.section-title { font-family: 'GMarketSans';font-size: 52px; font-weight: 700; margin-bottom: 20px;  line-height: 1.2; }
.section-title.white { color: #FFFFFF; }
.section-title.black { color: #333333; }
.section-title.center { text-align: center; }
.section-title.left { text-align: left; }
.section-title.right { text-align: right; }

.section-subtitle { font-size: 18px; font-weight: 400; margin-bottom: 30px; }
.section-subtitle.white { color: #FFFFFF; }
.section-subtitle.black { color: #666666; }
.section-subtitle.center { text-align: center; }
.section-subtitle.left { text-align: left; }

.inner { width: 100%; margin: 0 auto; }

.section-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 30px; }
.section-header .section-title { margin: 0; flex: 1; }



@media screen and (min-width: 1366px) {
  .inner { max-width: 1366px; padding: 0 40px; }
  .section-header { gap: 40px; }
}

@media screen and (max-width: 1365px) {
  .section-title { font-size: 48px; margin-bottom: 22px; }
  .section-subtitle { font-size: 18px; margin-bottom: 26px; }
  .inner { padding: 0 25px; }
  .section-header { gap: 24px; margin-bottom: 26px; }
}

@media screen and (max-width: 1023px) {
  .section-title { font-size: 44px; margin-bottom: 20px; }
  .section-subtitle { font-size: 17px; margin-bottom: 24px; }
  .inner { padding: 0 20px; }
  .section-header { flex-direction: row; gap: 20px; margin-bottom: 24px; }
}

@media screen and (max-width: 767px) {
  .section-title { font-size: 36px; margin-bottom: 16px; }
  .section-subtitle { font-size: 15px; margin-bottom: 18px; }
  .inner { padding: 0 15px; } 
}

@media screen and (max-width: 479px) {
  .section-title { font-size: 28px; margin-bottom: 12px; }
  .section-subtitle { font-size: 14px; margin-bottom: 16px; }
  .inner { padding: 0 10px; } 
  .section-header .section-title { width: 100%; }
}

/* ===================================
   2. 버튼
   =================================== */

.arrow-btn { width: 40px; height: 40px; background: transparent; border: 1px solid #000; border-radius: 5px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; flex-shrink: 0; }
.arrow-btn svg { transition: all 0.3s ease; }
.arrow-btn svg path { transition: all 0.3s ease; }
.arrow-btn:hover { background: #000; border-color: #000; }
.arrow-btn:hover svg path { stroke: #fff; }

.arrow-btn-next { width: 25px; height: 25px; background: transparent; border: 1px solid #000; border-radius: 4px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; padding: 0; }
.arrow-btn-next svg { transition: all 0.3s ease; }
.arrow-btn-next svg path { transition: all 0.3s ease; }
.arrow-btn-next:hover { background: #000; border-color: #000; }
.arrow-btn-next:hover svg path { stroke: #fff; }

/* ===================================
   3. 박스
   =================================== */

.box-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.6) 100%); transition: all 0.3s ease; z-index: 1; }
.box-content { position: absolute; width: 90%; z-index: 2; }

.applytext .box-title { font-family: 'GMarketSans';   font-weight: 700;   line-height: 1.2;  word-break: keep-all;font-size: 28px; margin-bottom: 15px; color: #Fff; letter-spacing: -0.5px; }
.applytext .box-subtitle {   word-break: keep-all; font-size: 18px; letter-spacing: -0.5px; line-height: 130%; color: #Fff; }

@media screen and (min-width: 1366px) {
  .applytext .box-title { font-size: 28px; margin-bottom: 15px; }
  .applytext .box-subtitle { font-size: 18px; }
}

@media screen and (max-width: 1365px) {
  .applytext .box-title { font-size: 26px; margin-bottom: 14px; }
  .applytext .box-subtitle { font-size: 17px; }
}

@media screen and (max-width: 1023px) {
  .applytext .box-title { font-size: 24px; margin-bottom: 13px; }
  .applytext .box-subtitle { font-size: 16px; }
} 

@media screen and (max-width: 767px) {
  .applytext .box-title { font-size: 20px; margin-bottom:5px;   word-break: break-all;}
  .applytext .box-subtitle { font-size: 14px;   word-break: break-all;}
} 



.view-detail { color: #333; }

/* ===================================
   4. 애니메이션
   =================================== */

@keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-20px); } }
@keyframes scroll-text { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } }
@keyframes scroll { 0% { transform: translateX(-50%) translateX(-100%); } 100% { transform: translateX(-50%) translateX(100%); } }

/* ===================================
   5. 카테고리 섹션
   =================================== */

#category { padding: 150px 0 200px 0; background: url('/theme/20th/img/main/2026/category bg.png') center/cover no-repeat, linear-gradient(165deg, #f7f7f7 0%, #fff 100%); position: relative; overflow: hidden; }
#category::before { content: ''; position: absolute; top: -50px; left: -100px; width: 300px; height: 300px; background: radial-gradient(circle, rgba(102, 126, 234, 0.1) 0%, transparent 70%); border-radius: 50%; animation: float 6s ease-in-out infinite; z-index: 0; }
#category::after { content: ''; position: absolute; bottom: -80px; right: -100px; width: 400px; height: 400px; background: radial-gradient(circle, rgba(255, 59, 154, 0.1) 0%, transparent 70%); border-radius: 50%; animation: float 8s ease-in-out infinite reverse; z-index: 0; }
#category .inner { position: relative; z-index: 1; }
#category #background-text { position: absolute; bottom: 0px; left: 0; width: 100%; font-size: 168px; font-weight: 900; color: rgba(0, 0, 0, 0.08); white-space: nowrap; animation: scroll-text 60s linear infinite; z-index: 0; }
#category .category-boxes { display: flex; gap: 30px; margin-top: 50px; }
#category .category-box { position: relative; width: 100%; height: 550px; border-radius: 16px; overflow: hidden; background-size: cover; background-position: center; cursor: pointer; transition: all 0.3s ease; }
#category .category-box:hover { transform: translateY(-10px); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); }
#category .category-box:hover .box-overlay { background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.7) 100%); }
#category .category-box .box-content { bottom: 0%; left: 50%; transform: translate(-50%, -50%); }

 

@media screen and (min-width: 1366px) {
  #category { padding: 150px 0 200px 0; }
}

@media screen and (max-width: 1365px) {
  #category { padding: 120px 0 160px 0; }
  #category #background-text { font-size: 140px; }
  #category .category-boxes { gap: 25px; margin-top: 40px; }
  #category .category-box { height: 480px; }
}

@media screen and (max-width: 1023px) {
  #category { padding: 100px 0 130px 0; }
  #category::before { width: 250px; height: 250px; }
  #category::after { width: 350px; height: 350px; }
  #category #background-text { font-size: 120px; }
  #category .category-boxes { gap: 20px; margin-top: 30px; }
  #category .category-box { height: 420px; }
}

@media screen and (max-width: 767px) {
  #category { padding: 80px 0 100px 0; }
  #category::before { width: 200px; height: 200px; top: -30px; left: -50px; }
  #category::after { width: 300px; height: 300px; bottom: -50px; right: -50px; }
  #category #background-text { font-size: 80px; }
  #category .category-boxes { flex-direction: column; gap: 15px; margin-top: 20px; }
  #category .category-box { height: 300px; }
}

@media screen and (max-width: 479px) {
  #category { padding: 60px 0 80px 0; }
  #category::before { width: 150px; height: 150px; top: -20px; left: -30px; }
  #category::after { width: 200px; height: 200px; bottom: -30px; right: -30px; }
  #category #background-text { font-size: 50px; }
  #category .category-boxes { margin-top: 15px; }
  #category .category-box { height: 250px; }
}



/* ===================================
   6. 부스맵 섹션
   =================================== */

#booth-map { padding: 150px 0; background: url('/theme/20th/img/main/2026/booth-map bg.png') center/cover no-repeat, linear-gradient(165deg, #1b3b86 0%, #132e6e 100%); position: relative; margin: 0 auto; }
#booth-map .booth-boxes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;  }
#booth-map .booth-box { position: relative; width: 100%; cursor: pointer; transition: all 0.3s ease; margin-top: 50px;}
#booth-map .box-img { border-radius: 16px; width: 100%; padding: 100px 60px; background: #fff; }
#booth-map .box-title { margin-top: 20px; }
#booth-map .booth-map-container { position: absolute; z-index: 1; width: 100%; }
#booth-map .booth-map-container.left { bottom: -130px; left: -200px; width: 370px; }
#booth-map .booth-map-container.right { top: -150px; right: -100px; width: 320px; } 



@media screen and (min-width: 1366px) {
  #booth-map { padding: 150px 0; }
  #booth-map .booth-boxes { grid-template-columns: repeat(3, 1fr); gap: 30px; }
  #booth-map .box-img { padding: 100px 60px; }
}

@media screen and (max-width: 1365px) {
  #booth-map { padding: 120px 0; }
  #booth-map .booth-boxes { grid-template-columns: repeat(3, 1fr); gap: 25px; }
  #booth-map .box-img { padding: 80px 50px; }
  #booth-map .booth-box { margin-top: 40px;}
	#booth-map .box-title { margin-top: 20px; }
  #booth-map .booth-map-container.left { bottom: -100px; left: -150px; width: 320px; }
  #booth-map .booth-map-container.right { top: -120px; right: -80px; width: 280px; }
}

@media screen and (max-width: 1023px) {
  #booth-map { padding: 100px 0; }
  #booth-map .booth-boxes { grid-template-columns: repeat(2, 1fr); gap: 20px; }
  #booth-map .box-img { padding: 60px 40px; }
  #booth-map .booth-box { margin-top: 30px;}
  #booth-map .booth-map-container.left { bottom: -80px; left: -100px; width: 280px; }
  #booth-map .booth-map-container.right { top: -100px; right: -60px; width: 240px; }
}

@media screen and (max-width: 767px) {
  #booth-map { padding: 80px 0; }
  #booth-map .booth-boxes { grid-template-columns: repeat(2, 1fr); gap: 15px; }
  #booth-map .box-img { padding: 40px 30px; }
  #booth-map .booth-map-container.left { bottom: -60px; left: -80px; width: 240px; }
  #booth-map .booth-map-container.right { top: -80px; right: -50px; width: 200px; }
}

@media screen and (max-width: 479px) {
  #booth-map { padding: 60px 0; } 
  #booth-map .box-img { padding: 20px 20px; }
  #booth-map .booth-map-container.left { display: none; }
  #booth-map .booth-map-container.right { display: none; }
}




/* ===================================
   7. 스테이지 섹션
   =================================== */

#stage { padding: 150px 0; background: url('/theme/20th/img/main/2026/stage bg.png') center/cover no-repeat, linear-gradient(165deg, #f7f7f7 0%, #fff 100%); }
#stage .stage-container { position: relative; width: 80%; margin: 0 auto; }
#stage .stage-character { position: absolute; z-index: 1; }
#stage .stage-character.left { bottom: -130px; left: -240px; width: 270px; }
#stage .stage-character.right { top: -80px; right: -110px; width: 250px; height: 250px; }
#stage .stage-tabs { display: flex; gap: 15px; margin-bottom: 0px; justify-content: center; }
#stage .tab-btn { padding: 15px 40px; background: #fff; color: #333; border: 2px solid #fff; border-bottom: 0px; border-radius: 15px 15px 0 0; cursor: pointer; font-size: 24px; font-weight: 800; transition: 0.3s; }
#stage .tab-btn.active { background: #5ac1fa; color: #fff; border: 2px solid #5ac1fa; border-bottom: 0px; }
#stage .tab-btn:hover { border: 2px solid #5ac1fa; border-bottom: 0px; color: #5ac1fa; }
#stage .tab-btn.active:hover { color: #fff; }
#stage .stage-content { background: linear-gradient(185deg, #5ac1fa 0%, #2e6a99 100%); box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3); border-radius: 20px; padding: 50px; }
#stage .stage-tab-bg { box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3); padding: 70px; background: #fff; border-radius: 20px; }
#stage .stage-tab-content { display: none; }
#stage .stage-tab-content.active { display: block; }
#stage .stage-table { width: 100%; background: #fff; border-collapse: collapse; }
#stage .stage-table thead tr { border-bottom: 2px solid #333; }
#stage .stage-table th { padding: 15px; text-align: center; font-weight: 700; font-size: 22px; color: #333; }
#stage .stage-table tbody tr { border-bottom: 1px solid #e5e5e5; }
#stage .stage-table td { font-weight: 600; padding: 15px; text-align: center; font-size: 20px; color: #333; }
#stage .stage-table td:first-child { width: 20%; font-weight: 600; }
#stage .stage-table td:nth-child(2) { width: 60%; }
#stage .stage-table td:nth-child(3) { display: flex; align-items: center; gap: 10px; }


 

@media screen and (min-width: 1366px) {
  #stage { padding: 150px 0; }
  #stage .stage-container { width: 80%; }
}

@media screen and (max-width: 1365px) {
  #stage { padding: 120px 0; }
  #stage .stage-container { width: 85%; }
  #stage .stage-character.left { bottom: -100px; left: -180px; width: 240px; }
  #stage .stage-character.right { top: -60px; right: -80px; width: 220px; height: 220px; }
  #stage .tab-btn { padding: 12px 35px; font-size: 22px; }
  #stage .stage-content { padding: 40px; }
  #stage .stage-tab-bg { padding: 60px; }
  #stage .stage-table th { font-size: 20px; padding: 12px; }
  #stage .stage-table td { font-size: 18px; padding: 12px; }
}

@media screen and (max-width: 1023px) {
  #stage { padding: 100px 0; }
  #stage .stage-container { width: 100%; }
  #stage .stage-character.left { bottom: -80px; left: -140px; width: 210px; }
  #stage .stage-character.right { top: -50px; right: -60px; width: 190px; height: 190px; }
  #stage .tab-btn { padding: 10px 30px; font-size: 20px; }
  #stage .stage-content,
  #stage .stage-tab-bg { padding: 30px; }
  #stage .stage-table th { font-size: 18px; padding: 10px; }
  #stage .stage-table td { font-size: 16px; padding: 10px; }
}

@media screen and (max-width: 767px) {
  #stage { padding: 80px 0; } 
  #stage .stage-character.left { bottom: -60px; left: -100px; width: 130px; }
  #stage .stage-character.right { top: -40px; right: -50px; width: 120px; height: 120px; }
  #stage .stage-tabs { gap: 10px; }
  #stage .tab-btn { padding: 8px 15px; font-size: 18px; }
  #stage .stage-content,
  #stage .stage-tab-bg { padding:20px; }
  #stage .stage-table th { font-size: 16px; padding: 8px; }
  #stage .stage-table td { font-size: 14px; padding: 8px 0; }  
}

@media screen and (max-width: 479px) {
  #stage { padding: 60px 0; }
  #stage .stage-character.left { display: none; }
  #stage .stage-character.right { display: none; }
  #stage .stage-tabs { gap: 8px; flex-wrap: wrap;   }
  #stage .tab-btn { padding: 10px 5px; font-size: 16px; }
  #stage .stage-content,
  #stage .stage-tab-bg { padding: 15px; }
  #stage .stage-table th {  padding: 6px; }
  #stage .stage-table td {  padding: 6px 0; }
  #stage .stage-table td:nth-child(3)  { font-size:0}
}

@media screen and (max-width: 379px) { 
  #stage .tab-btn { padding: 10px 2px; font-size: 14px; } 
}



/* ===================================
   8. 위치 섹션
   =================================== */

#location { padding: 150px 0; background: #FFFFFF; }
#location .location-half { display: flex; gap: 80px; }
#location .location-left { flex: 1; }
#location .location-right { flex: 1; }
#location .rmap { width: 100%; border-radius: 12px; height: 400px; }
#location .root_daum_roughmap { width: 100%; height: 600px; }
#location .location-info { padding: 20px; background: #f9f9f9; border-radius: 8px; font-size: 13px; color: #666; line-height: 1.8; }
#location .location-info p { margin: 10px 0; }
#location .location-info strong { color: #333; font-weight: 600; }
#location .news-list { margin-top: 20px; }
#location .news-item { padding: 15px 0; border-bottom: 1px solid #E5E5E5; }
#location .news-item:last-child { border-bottom: none; }
#location .news-title { font-size: 14px; font-weight: 600; color: #333; margin: 0 0 8px; line-height: 1.5; }
#location .news-title a { text-decoration: none; color: #333; transition: 0.3s; }
#location .news-title a:hover { color: #667eea; }
#location .news-date { font-size: 14px; color: #999; margin: 0; }
#location .view-all { display: inline-block; margin-top: 20px; font-size: 13px; color: #667eea; text-decoration: none; font-weight: 600; }
 

@media screen and (min-width: 1366px) {
  #location { padding: 150px 0; }
  #location .location-half { gap: 80px; }
}

@media screen and (max-width: 1365px) {
  #location { padding: 120px 0; }
  #location .location-half { gap: 60px; } 
  #location .root_daum_roughmap { height: 550px; }
  #location .location-info { padding: 18px;  }
  #location .news-title { font-size: 13px; }
  #location .news-date { font-size: 13px; }
}

@media screen and (max-width: 1023px) {
  #location { padding: 100px 0; }
  #location .location-half { flex-direction: column; gap: 40px;  }
  #location .location-half .location-left {margin-bottom:50px;}
  #location .rmap { height: 350px; }
  #location .root_daum_roughmap { height: 500px; }
  #location .location-info { padding: 16px;  line-height: 1.7; }
  #location .location-info p { margin: 8px 0; }
  #location .news-item { padding: 12px 0; }
  #location .news-title { font-size: 13px; margin: 0 0 6px; } 
  #location .view-all {  margin-top: 15px; }
}

@media screen and (max-width: 767px) {
  #location { padding: 80px 0; }
  #location .location-half { flex-direction: column; gap: 30px; } 
  #location .root_daum_roughmap { height: 450px; }
  #location .location-info { padding: 14px; font-size: 11px; line-height: 1.6; }
  #location .location-info p { margin: 6px 0; }
  #location .news-list { margin-top: 15px; }
  #location .news-item { padding: 10px 0; }
  #location .news-title {  margin: 0 0 5px; } 
  #location .view-all { font-size: 11px; margin-top: 12px; }
}

@media screen and (max-width: 479px) {
  #location { padding: 60px 0; }
  #location .location-half { gap: 20px; } 
  #location .root_daum_roughmap { height: 380px; }
  #location .location-info { padding: 12px; font-size: 10px; line-height: 1.5; }
  #location .location-info p { margin: 4px 0; }
  #location .news-list { margin-top: 12px; }
  #location .news-item { padding: 8px 0; }
  #location .news-title { font-size: 11px; margin: 0 0 4px; } 
  #location .view-all { font-size: 10px; margin-top: 10px; }
}




 



/* ===================================
   퀵 메뉴 (Quick Menu)
   =================================== */

.quick-menu { text-align: center; position: fixed; right: 20px; top: 50%; transform: translateY(-50%); background: rgba(51, 51, 51, 0.6); border-radius:16px; padding:60px 20px 40px 20px; z-index: 100; min-width: 90px; box-shadow: 0 5px 20px rgba(0,0,0,0.3);}
.quick-menu-item {   border-bottom: 1px #fff solid; margin-bottom: 20px;display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 0px 0 20px 0; cursor: pointer; transition: all 0.3s ease; text-decoration: none; }
.quick-menu-item:last-child {padding-bottom:0; border-bottom:0} 
.quick-menu-item img { width: 32px; height: 32px; }
.quick-menu-item span { font-size: 16px; color: #fff; font-weight: 600; text-align: center; line-height: 1.3; } 
 

@media screen and (max-width: 1365px) {
  .quick-menu { right: 15px; top: 50%; transform: translateY(-50%); position: fixed; min-width: 85px; padding: 50px 15px 35px 15px; }
  .quick-menu-item img { width: 28px; height: 28px; }
}

@media screen and (max-width: 1023px) {
  .quick-menu { right: 15px; top: 50%; transform: translateY(-50%); position: fixed; min-width: 80px; padding: 45px 12px 30px 12px; }
  .quick-menu-container { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0; } 
  .quick-menu { right: inherit; top: initial; padding: 15px; position: relative; transform: initial; display: block; width: 100%; border-radius: 0;  min-width: auto; }
  .quick-menu-item { border-bottom: 0;  margin-bottom: 0;   gap: 8px; padding:0px;  } 
  .quick-menu-item img { width: 24px; height: 24px; } 
  #top_btn{ display:none;}
}

@media screen and (max-width: 479px) {
  .quick-menu { padding:25px 10px; }
  .quick-menu-container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } 
  .quick-menu-item img { width: 25px; height: 25px; }
  .quick-menu-item span { font-size: 14px;text-align: center; }
}





/* 유튜브 팝업 */
.video-popup { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 200; }
.video-popup.active { display: flex; align-items: center; justify-content: center; }
.video-popup-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); }
.video-popup-container { position: relative; width: 90%; max-width: 900px; aspect-ratio: 16 / 9; z-index: 1; }
.video-popup-close { position: absolute; top: -50px; right: 0; width: 40px; height: 40px; background: transparent; border: none; cursor: pointer; color: #fff; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; }
.video-popup-close:hover { transform: scale(1.2); }
.video-popup-close svg { width: 28px; height: 28px; }

@media (max-width: 768px) {
  .video-popup-container { width: 95%; }
  .video-popup-close { top: -40px; width: 36px; height: 36px; }
}













/*메인 퀵 앨범 다시보기*/
.floating-shortcuts{position:fixed;bottom:30px;left:30px;z-index:999;display:flex;flex-direction:column;gap:15px;}
.floating-btn{width:80px;height:80px;border-radius:50%;background-color:#333;color:white;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:16px;font-weight:bold;box-shadow:0 5px 20px rgba(0,0,0,0.3);transition:all 0.3s ease;border:2px solid white;cursor:pointer;padding:5px;text-align:center;line-height:1.3;}
.floating-btn:hover{background-color:#555;transform:scale(1.15);box-shadow:0 8px 30px rgba(0,0,0,0.4);}
.floating-btn-18{background-color:#2196F3;}
.floating-btn-18:hover{background-color:#1976D2;}
.floating-btn-19{background-color:#FF9800;}
.floating-btn-19:hover{background-color:#F57C00;}

@media(max-width:768px){
  .floating-shortcuts{bottom:15px;left:15px;gap:12px;}
  .floating-btn{width:65px;height:65px;font-size:13px;line-height:1.2;border:2px solid white;padding:3px;}
	.floating-btn:hover{ transform:scale(1);box-shadow:0 8px 30px rgba(0,0,0,0);}
}

@media(max-width:680px){
  .floating-shortcuts{bottom:10px;left:10px;gap:10px;}
  .floating-btn{width:55px;height:55px;font-size:11px;line-height:1.1;border:1.5px solid white;padding:2px;}
}

@media(max-width:480px){
  .floating-shortcuts{ grid-template-columns: repeat(2, 1fr);    display: grid;    bottom: inherit;    left: inherit;    gap: inherit;  position: relative;    width: 100%;}
	.floating-btn {    width: 100%;    border: 0;    font-size: 14px;  border-radius:0;}
}











.festival-tabs {
	display: flex;
	justify-content: center;gap:19px;
	margin: 30px 0 40px; 
}

.festival-tabs .tab-btn {  text-align: center;
	position: relative;
	width: 220px;
	padding: 16px 20px;
	border:1px #eee solid;
	background: none;
	font-size: 20px;
	font-weight: 500;
	color: #777;
	cursor: pointer;  border-radius: 40px;
}

.festival-tabs .tab-btn.active {
	color: #fff;
	font-weight: 700;
	background:#144992;
} 
/* 탭 내용 */
.tab-content {
	display: none;
}

.tab-content.active {
	display: block;
}

```css
/* 행사 개요 */
.festival-overview {
	max-width: 1000px;
	margin: 0 auto;
	padding: 20px 20px 10px;
	color: #333;
}

/* 상단 타이틀 */
.overview-head {
	text-align: center;
	padding: 20px 0 45px;
}

.overview-label {
	display: inline-block;
	margin-bottom: 18px;
	padding: 7px 18px;
	border-radius: 30px;
	background: #144992;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: -0.3px;
}

.overview-head h2 {
	margin: 0;
	font-size: 34px;
	line-height: 1.4;
	font-weight: 400;
	letter-spacing: -1.5px;
	color: #222;
}

.overview-head h2 strong {
	color: #144992;
	font-weight: 800;
}

/* 본문 */
.overview-body {
	max-width: 850px;
	margin: 0 auto;
}

.overview-body p {
	margin: 0;
	font-size: 18px;
	line-height: 2;
	letter-spacing: -0.5px;
	word-break: keep-all;
}

.overview-body p + p {
	margin-top: 28px;
}

.overview-body strong {
	font-weight: 700;
	color: #222;
}

.overview-body span {
	color: #144992;
	font-weight: 700;
}

/* 첫 문단 강조 */
.overview-intro {
	font-size: 20px !important;
	line-height: 1.9 !important;
}

/* 마지막 메시지 */
.overview-point {
	margin-top: 45px;
	padding: 32px 20px;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	text-align: center;
}

.overview-point p {
	font-size: 22px;
	line-height: 1.7;
	color: #333;
}

.overview-point strong {
	display: inline-block;
	margin-top: 4px;
	font-size: 28px;
	color: #144992;
	font-weight: 800;
}


/* 모바일 */
@media (max-width: 768px) {

	.festival-overview {
		padding: 10px 15px;
	}

	.overview-head {
		padding: 15px 0 30px;
	}

	.overview-label {
		font-size: 13px;
		padding: 6px 14px;
	}

	.overview-head h2 {
		font-size: 26px;
		line-height: 1.45;
	}

	.overview-body p {
		font-size: 16px;
		line-height: 1.8;
	}

	.overview-intro {
		font-size: 17px !important;
		line-height: 1.8 !important;
	}

	.overview-point {
		margin-top: 35px;
		padding: 25px 15px;
	}

	.overview-point p {
		font-size: 18px;
	}

	.overview-point strong {
		font-size: 23px;
	}
} 




















#Science_stage_Schedule .tab-content {padding:0 2%}
#Science_stage_Schedule table{width:100%;border-collapse:collapse;}
#Science_stage_Schedule table {width:100%;   border-bottom: 1px solid #111; text-align:center;}
#Science_stage_Schedule table tr>* { padding: 1rem; border-top: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5}
#Science_stage_Schedule table tr>*:last-child {border-right: 0}
#Science_stage_Schedule table tr>*[rowspan]:not(:first-child) { border-left: 1px solid #e5e5e5}
#Science_stage_Schedule table th{  color:#fff; font-size:18px}
#Science_stage_Schedule table td{ font-size:17px;line-height: 1.4;}

#Science_stage_Schedule .program-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 30px;
}

#Science_stage_Schedule .program-card {
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
    text-decoration: none;
    color: #333;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
}

#Science_stage_Schedule .program-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transform: translateY(-3px);
}

#Science_stage_Schedule .program-card-image {
    width: 100%;
    height: 180px;
    background-color: #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #999;
}
#Science_stage_Schedule .program-card-image img {width:100%}

#Science_stage_Schedule .program-card-content {
    padding:25px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

#Science_stage_Schedule .program-card-title {
    font-weight: bold;
    font-size: 26px;
    margin-bottom: 8px;
    line-height: 1.3;
}

#Science_stage_Schedule .program-card-desc {
    font-size: 17px;
    color: #666;
    line-height: 1.4;
    flex: 1;
}

@media (max-width: 1024px) {
    #Science_stage_Schedule .program-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    #Science_stage_Schedule .program-grid {
        grid-template-columns: 1fr;
    }
}
.bgcolor00 {background:#333}
.bgcolor01 {background:#FF5722}
.bgcoloro01:hover {background:#FFE0CC}
.bgcolor02 {background:#9C27B0 }
.bgcoloro02:hover {background:#F3E5F5}
.bgcolor03 {background:#00BCD4 }
.bgcoloro03:hover {background:#E0F7FA}
 

 #detail-container { max-width:700px; margin: 0 auto; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; color: #333; }

#detail-container .detail-content .detail-image { width: 100%; overflow: hidden; background-color: #f7f7f7; }
#detail-container .detail-content .detail-image img {width: 100%;}

#detail-container .detail-content .detail-info .info-box { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 30px; padding: 50px; border: 1px solid #ddd; background-color: #f9f9f9; border-radius: 8px; }

#detail-container .detail-content .detail-info .info-box .info-item { display: flex; flex-direction: column; gap: 8px; }

#detail-container .detail-content .detail-info .info-box .info-item .info-label { font-weight: 600; font-size: 14px; color: #666; display: flex; align-items: center; gap: 8px; }

#detail-container .detail-content .detail-info .info-box .info-item .info-label i { color: #666; font-size: 16px; margin-right: 8px; }

#detail-container .detail-content .detail-info .info-box .info-item .info-value { font-size: 16px; color: #222; font-weight: 500; }

#detail-container .detail-content .detail-info .description, #detail-container .detail-content .detail-info .notice { margin-bottom: 30px; }

#detail-container .detail-content .detail-info .description { padding-bottom: 30px; border-bottom: 1px solid #e0e0e0; }

#detail-container .detail-content .detail-info .description h3, #detail-container .detail-content .detail-info .notice h3 { font-size: 18px; margin-bottom: 12px; color: #222; }

#detail-container .detail-content .detail-info .description p { line-height: 1.6; color: #555; }

#detail-container .detail-content .detail-info .notice { list-style: none; }

#detail-container .detail-content .detail-info .notice ul { list-style: none; padding-left: 0; }

#detail-container .detail-content .detail-info .notice ul li { display: flex; align-items: flex-start; gap: 5px; margin-bottom: 10px; line-height: 1.6; color: #555; }

#detail-container .detail-content .detail-info .notice ul li:before { content: "-"; color: #666; font-weight: bold; font-size: 16px; flex-shrink: 0; }

/* 10월 16일(금) - 오렌지 */ 
#detail-container.date-16 .detail-content .detail-info .info-box .info-item .info-label i { color: #FF5722; }
#detail-container.date-16 .detail-content .detail-info .notice ul li:before { color: #FF5722; }

/* 10월 17일(토) - 보라색 */ 
#detail-container.date-17 .detail-content .detail-info .info-box .info-item .info-label i { color: #9C27B0; }
#detail-container.date-17 .detail-content .detail-info .notice ul li:before { color: #9C27B0; }

/* 10월 18일(일) - 청록색 */ 
#detail-container.date-18 .detail-content .detail-info .info-box .info-item .info-label i { color: #00BCD4; }
#detail-container.date-18 .detail-content .detail-info .notice ul li:before { color: #00BCD4; }