@charset "UTF-8";

@media (max-width:740px){html{font-size:3.7vw;}}
@media (min-width:741px) and (max-width:1023px){html{font-size:2.2vw;}}
@media (min-width:1024px) and (max-width:1399px){html{font-size:1.6vw;}}
@media (min-width:1400px) and (max-width:1499px){html{font-size:18px;}}
@media (min-width:1500px) and (max-width:1599px){html{font-size:18px;}}
@media (min-width:1600px) and (max-width:1699px){html{font-size:18px;}}
@media (min-width:1700px) and (max-width:1799px){html{font-size:18px;}}
@media (min-width:1800px){html{font-size:18px;}}


@font-face {
    font-family: 'Material Symbols Outlined';
    font-weight: 45 920;
    font-style: normal;
     font-display: block;
     src: url('../../../css/font/pwaTable/MaterialSymbolsOutlined.woff2') format('woff2-variations');
}

.material-symbols-outlined{
    font-family: 'Material Symbols Outlined';
    font-variation-settings:
      'FILL' 0,
      'wght' 300,
      'GRAD' 0,
      'opsz' 24
}

:root{
    /* font size */
    --font-size-24:1.8rem;
    --font-size-22:1.7rem;
    --font-size-20:1.6rem;
    --font-size-18:1.4rem;
    --font-size-16:1.2rem;
    --font-size-14:1.1rem;
    --font-size-13:1rem;
    --font-size-12:0.9rem;
    --font-size-11:0.8rem;

    /* row-gap */
    --gap-20:20px;
    --gap-15:15px;
    --gap-10:10px;
    --gap-5:5px;

    /*margin-top */
    --margin-top-30:30px;
}

body{
	overflow: auto;
}


.header > .inner{
	padding: 17px 20px 17px 20px;
	align-items: center;
}


.usr-select select{
	display: block;
	font-size: 1rem;
	color: #333;
	overflow: hidden;
	outline: none;
	height: 100%;
	width: 100%;
	border:none;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	min-width: 100px;
	font-size: var(--font-size-14);
	letter-spacing: -0.01em;
	color: #000000;
	background-color: #fff;
	text-align: left;
	padding-left: 10px;
	border-radius: 0 0 8px 8px;
	background: url("data:image/svg+xml;utf8,<svg fill='%23666' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M5 7l5 5 5-5z'/></svg>") no-repeat right 10px center;
    background-repeat: no-repeat;
    background-position: right 10px center;
}

.usr-select{
	position: relative;
	background: #FFFFFF;
	border-radius: 8px;
	padding:10px 0;
	padding-left: 0;
}
/*
.usr-select:after{
	content: "\e5c5";
	font-family:'Material Symbols Outlined';
	display: inline-block;
	position: absolute;
	right: 3%;
	top:50%;
	transform: translateY(-50%);
	font-size: 24px;
}
*/

.usr-gray{
	position: fixed;
	z-index: 100;
	left: 0;
	top:0;
	background-color: rgba(0,0,0,0.6);
	width: 100%;
	height: 100%;
	display: none;
}

.usr-gray.on{
	display: block;
}

.usr-popup{
	display: none;
	flex-direction: column;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	position: fixed;
	background: #FFFFFF;
	border-radius: 20px;
	z-index: 101;
	opacity: 1;
	max-width: 100%;
	width: 100%;
}

.usr-popup .cont img{
	width: auto;
	max-height: 90vh;
}

.usr-popup.on{
	display: flex;
	flex-direction: column;
	row-gap: 1rem;
}


.usr-popup .cl-popup-close{
	position: absolute;
	right:0;
	top:-50px;
	font-size: 0;
	color:#fff ;
}

.usr-popup .cl-popup-close:after{
	content: '\e5cd';
	font-family: 'Material Symbols Outlined';
	font-size: 40px;
}



.event-half{
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 940px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 90px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 50px;
	box-sizing: border-box;
	background-color: #fff;
}

.event-half *{
	box-sizing: border-box;
}

.event-half > hgroup{
	display: flex;
	width: 100%;
	flex-direction: column;
	column-gap: 10px;
	align-items: center;
	justify-content: center;
	margin-bottom: 5px;
	row-gap: 1rem;
}

.event-half > hgroup > h2{
	font-size: var(--font-size-22);
	font-weight: 800;
	letter-spacing: -0.02em;
	color: #000000;
	max-width: 15rem;
}

.event-half > hgroup > h2 > a{
	font-size: var(--font-size-22);
	font-weight: 800;
	letter-spacing: -0.02em;
	color: #000000;
}

.event-half > hgroup > h3{
	font-weight: 600;
	font-size: var(--font-size-18);
	letter-spacing: -0.02em;
	color: #000000;
}

.event-half > section{
	display: flex;
	width: 100%;
	flex-direction: column;
}

.event-half > section.sec-1 > article{
	display: flex;
	flex-direction: row;
	width: 100%;
	align-items: center;
	justify-content: space-between;
}

.event-half > section.sec-1 > article.d1{
	padding: var(--gap-10) 0;
	flex-direction: column;
}

.event-half > section.sec-1 > article.d1 .swiper-area{
	width: 100%;
	display: block;
}

.event-half > section.sec-1 > article.d1 .swiper-slide img{
	width: 100%;
}

.event-half > section.sec-1 > article.d1 .cus-act-buttons{
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	padding-right: var(--gap-10);
	height:var(--swiper-navigation-size);
}

.event-half > section.sec-1 > article.d1 .cus-act-buttons .cus-swiper-buttons{
	position: relative;
	width: 40%;
}

.event-half > section.sec-1 > article.d1 .cus-act-buttons .cus-swiper-buttons .swiper-pagination{
	bottom: initial;
	left: 2.5rem;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	text-align: left;
}

.event-half > section.sec-1 > article.d1 .cus-act-buttons .cus-swiper-buttons .cus-notice-go{
	width: 1.8rem;
	height: 1.8rem;
	font-size: 0;
	position: relative;
	display: flex;
}

.event-half > section.sec-1 > article.d1 .cus-act-buttons .cus-swiper-buttons .cus-notice-go:before{
	content: '\e1bd';
	font-family: 'Material Symbols Outlined';
	font-variation-settings:'FILL' 1;
	width: 1.8rem;
	height: 1.8rem;
	background-color: #E4E3E0;
	color:#666666 ;
	font-size: var(--font-size-14);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
}

.event-half > section.sec-1 > article.d1 .cus-act-buttons .swiper-button-play{
	font-size: 0;
}

.event-half > section.sec-1 > article.d1 .cus-act-buttons .swiper-button-play:after{
	content:'\e037';
	font-family: 'Material Symbols Outlined';
	font-variation-settings:'FILL' 1;
	font-size: var(--font-size-16);
	display: none;
}

.event-half > section.sec-1 > article.d1 .cus-act-buttons .swiper-button-pause{
	font-size: 0;
}

.event-half > section.sec-1 > article.d1 .cus-act-buttons .swiper-button-pause:after{
	content:'\e034';
	font-family: 'Material Symbols Outlined';
	font-variation-settings:'FILL' 1;
	font-size: var(--font-size-16);
	display: none;
}


.event-half > section.sec-1 > article.d1 .cus-act-buttons .cus-play-buttons{
	position: relative;
	width: 4.5rem;
	padding-left: 20px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}


.event-half > section.sec-1 > article.d1 .cus-act-buttons .swiper-button-play.on:after{
	display: inline-block;
}

.event-half > section.sec-1 > article.d1 .cus-act-buttons .swiper-button-pause.on:after{
	display: inline-block;
}


.event-half .swiper-button-next, .swiper-button-prev{
	margin-top: 0 !important;
}


.event-half > section.sec-1 > article.d1 .swiper-button-prev{
	position: static;
	transform: none;
}

.event-half > section.sec-1 > article.d1 .swiper-button-next{
	position: static;
	transform: none;
}


.event-half > section.sec-1 > article.d1 .swiper-button-next:after{
	content: '\e315';
	font-family: 'Material Symbols Outlined';
	color: #333;
	font-size: var(--font-size-16);
}

.event-half > section.sec-1 > article.d1 .swiper-button-prev:after{
	content: '\e314';
	font-family: 'Material Symbols Outlined';
	color: #333;
	font-size: var(--font-size-16);
}


.event-half > section.sec-1 > article.d2 {
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
}


.event-half > section.sec-1 > article.d2 > hgroup{
	display: flex;
	flex-direction: column;
	row-gap:5px ;
	align-items: flex-start;
	justify-content: flex-start;
}

.event-half > section.sec-1 > article.d2 > hgroup h2{
	font-weight: 700;
	font-size: 1.33rem;
	line-height: 1.5em;
	letter-spacing: -0.02em;
	color: #000000;
}

.event-half > section.sec-1 > article.d2 > hgroup h2 span{
	color: #0055FF;
}

.event-half > section.sec-1 > article.d2 > hgroup h3{
	font-weight: 400;
	font-size: var(--font-size-13);
	letter-spacing: -0.02em;
	color: #666666;
}

.event-half > section.sec-1 > article.d2 .cl-search{
	font-size: 0;
	width: 40px;
	height: 40px;
	display: flex;
	background-image:url(../../../images/half/icon_search.png),linear-gradient(270deg, #7F3FFF 0%, #0015FF 100%);
	background-size: auto;
	background-position: center;
	border-radius: 8px;
	align-items: center;
	justify-content: center;
	background-repeat: no-repeat;
	transition: all 0.5s;
}

.event-half > section.sec-1 > article.d2 .cl-search:after{
	content: '\e8b6';
	width: 40px;
	height: 40px;
}

.event-half > section.sec-1 > article.d2 .cl-search.on{
	background-image:url(../../../images/half/icon_close.png),linear-gradient(0deg, #707070 0%, #707070 100%);
}

.event-half > section.sec-1 > article.d2 .cl-search.refresh{
	background-image:url(../../../images/half/icon_refresh.png),linear-gradient(0deg, #2E2E2E 0%, #2E2E2E 100%);
}


.event-half > section.sec-1 > article.d2 .show-search{
	position: absolute;
}

.event-half > section.sec-1 > article.d3{
	position: relative;
}


.event-half > section.sec-1 > article.d3 .show-search{
	position: absolute;
	left:-20px;
	top:-5vh;
	background-color: #DCEAF5;
	width: calc(100% + 0px);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content:center;
	row-gap: var(--gap-20);
	box-sizing: initial;
	transition: all 0.5s;
	overflow: hidden;
	padding:30px 20px;
	z-index: -1;
	opacity: 0;
	transition: top 1s,opacity 2s;
}

.event-half > section.sec-1 > article.d3 .show-search > div{
	display: flex;
	width: 100%;
	flex-direction: column;
	row-gap: var(--gap-10);;
}

.event-half > section.sec-1 > article.d3 .show-search.on{
	border-top: 1px solid #ccc;
	top:-1px;
	opacity: 1;
	z-index: 10;
}

.event-half > section.sec-1 > article.d3 .show-search > *{
	flex: 1 1 0;
	width: 100%;
}

.event-half > section.sec-1 > article.d3 .show-search h4{
	font-weight: 700;
	font-size: var(--font-size-14);
	text-align: center;
	letter-spacing: -0.01em;
	color: #000000;
	margin-bottom: var(--gap-10);
}

.event-half > section.sec-1 > article.d3 .show-search h5{
	font-weight: 400;
	font-size: var(--font-size-14);
	text-align: center;
	letter-spacing: -0.01em;
	color: #000000;
	line-height: 1.5em;
}

.event-half > section.sec-1 > article.d3 .show-search .cl-search-ok{
	width: 100%;
	padding: 15px 0;
	background: #0055FF;
	border-radius: 8px;
	font-weight: 700;
	font-size: var(--font-size-14);
	letter-spacing: -0.04em;
	color: #FFFFFF;
}

.event-half > section.sec-2{
	
}

.event-half > section.sec-2 .d1{
	position: relative;
	padding: var(--gap-20) 0;
	text-align: center;
}

.event-half .cl-search-pop{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 15px ;
	position: absolute;
	width: calc(100% - 20px);
	background: rgba(0, 0, 0, 0.6);
	backdrop-filter: blur(10px);
	border-radius: 8px;
	z-index: 10;
	font-weight: 700;
	font-size: var(--font-size-14);
	letter-spacing: -0.04em;
	color: #FFFFFF;
	height: auto;
	left: 50%;
	transform: translateX(-50%);
	bottom: -20vh;
	max-width: 520px;
	z-index: -1;
}

.event-half .cl-search-pop.on{
	animation: time_pop 5s ease-in-out;
}

@keyframes time_pop {
     0% {
        bottom: -20vh;
        z-index: -1;
    }
    20% {
        bottom: 30vh;
        z-index: 1;
    }
    70% {
        bottom: 30vh;
        z-index: 1;
    }
    100% {
       bottom: -20vh;
       z-index: -1;
    }
}

.event-half > section.sec-2 .d1 > .cus-posi-guide{
	position: absolute;
	left: 0;
	top:20px;
}

.event-half > section.sec-2 .d1 h3{
	font-weight: 700;
	font-size: var(--font-size-12);
	letter-spacing: -0.02em;
	color: #000000;
}

.event-half > section.sec-2 .d1 ul{
	display: flex;
	flex-direction: column;
	row-gap: 0.4rem;
	align-items: flex-start;
	justify-content: flex-start;
	margin-top: 10px;
}

.event-half > section.sec-2 .d1 ul > li{
	font-weight: 500;
	font-size: var(--font-size-11);
	letter-spacing: -0.02em;
	color: #000000;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	column-gap: 5px;
	position: relative;
}

.event-half > section.sec-2 .d1 ul > li:before{
	content:'' ;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-size: 10px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-position: center;
}


.event-half > section.sec-2 .d1 .cl-posi-area{
	position: absolute;
	left: 0;
	top:0;
	width: 100%;
	height: 100%;
}

.event-half > section.sec-2 .d1 .cl-posi-area .cl-posi{
	position: absolute;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 0px 3px 0 5px;
	height: 24px;
	background: #FFFFFF;
	border: 1px solid #FF7700;
	box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.2);
	border-radius: 12px;
	font-weight: 600;
	font-size: var(--font-size-13);
	line-height: 1.4em;
	letter-spacing: -0.02em;
	color: #000000;
	left:40%;
	column-gap: 0.2rem;
}

.event-half > section.sec-2 .d1 .cl-posi-area .cl-posi.cus-star{
	padding-right: 10px;
}

.event-half > section.sec-2 .d1 .cl-posi-area .cl-posi:before{
	content:'' ;
	width: 1.2rem;
	height: 1.2rem;
	background-repeat: no-repeat;
	background-size: 0.9rem;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-position: center;
	border: none !important;
}

.event-half > section.sec-2 .d1 .cl-posi-area .cl-posi span{
	font-size: 0;
}

.event-half > section.sec-2 .d1 .cl-posi-area .cl-posi.cus-star:after{
	content: '';
	width: 10px;
	height: 10px;
	background-image: url(../../../images/half/icon_star.png);
	background-size: 0.4rem;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	right: 7%;
	top: 8%;
}

.event-half > section.sec-2 .d1 .cl-posi-area .cl-posi.cus-step-1{
	border:1px solid #509CFF;
}

.event-half > section.sec-2 .d1 .cl-posi-area .cl-posi.cus-step-2{
	border:1px solid #FF9130;
}

.event-half > section.sec-2 .d1 .cl-posi-area .cl-posi.cus-step-3{
	border:1px solid #A7A7A7;
	color:#8C8C8C;
}

.event-half > section.sec-2 .d1 .cl-posi-area .cus-pyeongchang{
	top: 11%;
	left: 54%;
}

.event-half > section.sec-2 .d1 .cl-posi-area .cus-hoengseong{
	top: 18%;
	left: 47%;
}

.event-half > section.sec-2 .d1 .cl-posi-area .cus-yeong{
	top: 24%;
	left: 62%;
}

.event-half > section.sec-2 .d1 .cl-posi-area .cus-jecheon{
	top: 32%;
	left: 48%;
}

.event-half > section.sec-2 .d1 .cl-posi-area .cus-geochang{
	top: 53%;
	left: 42%;
}

.event-half > section.sec-2 .d1 .cl-posi-area .cus-gochang{
	top: 57%;
	left: 18%;
}

.event-half > section.sec-2 .d1 .cl-posi-area .cus-gwang{
	top: 64%;
	left: 12%;
}

.event-half > section.sec-2 .d1 .cl-posi-area .cus-habcheon{
	top: 60%;
	left: 40%;
}

.event-half > section.sec-2 .d1 .cl-posi-area .cus-mil{
	top: 61%;
	left: 63%;
}

.event-half > section.sec-2 .d1 .cl-posi-area .cus-yeong-am{
	top: 71%;
	left: 9%;
}

.event-half > section.sec-2 .d1 .cl-posi-area .cus-hadong{
	top: 67%;
	left: 45%;
}

.event-half > section.sec-2 .d1 .cl-posi-area .cus-gangjin{
	top: 78%;
	left: 7%;
}

.event-half > section.sec-2 .d1 .cl-posi-area .cus-goheung{
	top: 76%;
	left: 34%;
}

.event-half > section.sec-2 .d1 .cl-posi-area .cus-namhae{
	top: 74%;
	left: 55%;
}

.event-half > section.sec-2 .d1 .cl-posi-area .cus-haenam{
	top: 85%;
	left: 9%;
}

.event-half > section.sec-2 .d1 .cl-posi-area .cus-wando{
	top: 82%;
	left: 27%;
}


.event-half .cus-step-1:before{
	background-image: url(../../../images/half/icon_state_1.png);
	border:1px solid #509CFF;
}

.event-half .cus-step-2:before{
	background-image: url(../../../images/half/icon_state_2.png);
	border:1px solid #FF9130;
}

.event-half .cus-step-3:before{
	background-image: url(../../../images/half/icon_state_3.png);
	border:1px solid #A7A7A7;
}



.event-half > section.sec-2 .cus-posi-area{
	position: relative;
	display: inline-block;
	margin:0 auto;
}

.event-half > section.sec-2 .cus-posi-area h6{
	font-weight: 500;
	font-size: var(--font-size-11);
	line-height: 1.3em;
	letter-spacing: -0.02em;
	color: #000000;
	position: absolute;
	right: 0;
	bottom:0;
	display: flex;
	column-gap: 5px;
	align-items: center;
	justify-content: center;
}

.event-half > section.sec-2 .cus-posi-area h6:before{
	content: '';
	width: 10px;
	height: 10px;
	background-image: url(../../../images/half/icon_star.png);
	background-size: 10px;
	background-position: center;
	background-repeat: no-repeat;
}

.event-half > section.sec-2 .d2{
	display: flex;
	width: 100%;
	flex-direction: column;
	row-gap: var(--gap-20);
	align-items: center;
	justify-content: center;
	margin-top: 2rem;
}

.event-half > section.sec-2 .d2 .g1{
	display: flex;
	width: 100%;
	flex:1 1 0;
	justify-content: center;
}

.event-half > section.sec-2 .d2 .g2{
	display: flex;
	width: 100%;
	flex-direction: column;
	margin-top: 2rem;
}

.event-half > section.sec-2 .d2 .g2 dl{
	display: flex;
	width: 100%;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	border-bottom: 1px solid #ccc;
}

.event-half > section.sec-2 .d2 .g2 dl:first-child{
	border-top: 2px solid #6837CC;
}

.event-half > section.sec-2 .d2 .g2 dl > dt:before{
	content: '\e94c';
	font-family: 'Material Symbols Outlined';
	font-size: var(--font-size-18);
	color: #C3C3C3;
  	font-variation-settings:'FILL' 1;
}

.event-half > section.sec-2 .d2 .g2 dl > dt{
	
	font-size: var(--font-size-16);
	line-height: 1.3em;
	display: flex;
	align-items: center;
	letter-spacing: -0.01em;
	color: #222222;
	justify-content: flex-start;
	position: relative;
	padding: var(--gap-15);
	width: 100%;
	column-gap: var(--gap-5);
	padding-right: 2rem;
	font-weight: 400;
	cursor: pointer;
}

.event-half > section.sec-2 .d2 .g2 dl > dt:after{
	content: '\f3dd';
	font-family: 'Material Symbols Outlined';
	position: absolute;
	right:10px;
	color:#A6A6A6;
}

.event-half > section.sec-2 .d2 .g2 dl > dd{
	background-color: #F8F8F8;
	
	font-weight: 400;
	font-size: var(--font-size-14);
	line-height: 1.3em;
	letter-spacing: -0.01em;
	color: #222222;
	display: block;
	max-height: 0;
	transition: max-height 0.5s;
	overflow: hidden;
}

.event-half > section.sec-2 .d2 .g2 dl > dd p{
	padding: var(--gap-20) var(--gap-20); 
	line-height: 1.5em;
}

.event-half > section.sec-2 .d2 .g2 dl.on > dt{
	color: #6837CC;
	font-weight: 700;
}

.event-half > section.sec-2 .d2 .g2 dl.on > dt:before{
	color: #7F3FFF;
}

.event-half > section.sec-2 .d2 .g2 dl.on > dt:after{
	content:'\e15b' ;
}

.event-half > section.sec-2 .d2 .g2 dl.on > dd{
	border-top: 1px solid #ccc;
	max-height: 350px;
	width: 100%;
	
}

.event-half .cl-posi-detail{
	display: none;
	flex-direction: column;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	width: calc(100% - 4rem);
	position: fixed;
	background: #FFFFFF;
	border-radius: 20px;
	z-index: 101;
	opacity: 0;
	transition: opacity  2s;
	max-width: 440px;
}

.event-half .cl-posi-detail.on{
	display: flex;
	opacity: 1;
}

.event-half .cl-posi-detail-close{
	position: absolute;
	right:0;
	top:-50px;
	font-size: 0;
	color:#fff ;
}

.event-half .cl-posi-detail-close:after{
	content: '\e5cd';
	font-family: 'Material Symbols Outlined';
	font-size: 40px;
}

.event-half .cl-posi-detail .d1{
	display: block;
	width: 100%;
	background-image: linear-gradient(to bottom, rgba(255,255,255,0) 40%, #ffffff 100%),url(../../../images/half/posi_detail.png);
	background-repeat: no-repeat;
	background-size:cover;
	aspect-ratio: 1.8 / 1;
	position: relative;
	background-position: center;
	border-radius: 20px 20px 0 0;
	box-shadow: 0 -3px 0 0 #fff inset;
}

.event-half .cl-posi-detail .d1 h2{
	display: flex;
	position: absolute;
	width: 100%;
	bottom:0;
	left: 0;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	font-weight: 700;
	font-size: var(--font-size-24);
	line-height: 1.4em;
	letter-spacing: -0.02em;
	color: #000000;
	padding:0  var(--gap-20);
}

.event-half .cl-posi-detail .d1 h2 span{
	display: flex;
	padding: 0.5rem 12px;
	gap: 4px;
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 80px;
	font-weight: 400;
	font-size: var(--font-size-16);
	line-height: 1.4em;
	color: #333333;
	align-items: center;
	justify-content: center;
	column-gap: 0.2rem;
}

.event-half .cl-posi-detail .d1 h2 span.cus-step-3{
	color: #333;
}

.event-half .cl-posi-detail .d1 h2 span:before{
	content: '';
	width: 1rem;
	height: 1rem;
	background-size: cover;
	border:none !important;
}

.event-half .cl-posi-detail .d2{
	display: flex;
	flex-direction: column;
	row-gap: var(--gap-10);
	width: 100%;
	padding: var(--gap-20);
}

.event-half .cl-posi-detail .d2 > dl{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
}

.event-half .cl-posi-detail .d2 > dl > dt{
	font-weight: 700;
	font-size: var(--font-size-14);
	line-height: 1.5em;
	letter-spacing: -0.03em;
	color: #000000;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	column-gap: 5px;
	white-space: nowrap;
}

.event-half .cl-posi-detail .d2 > dl > dt:before{
	content:'\e5df' ;
	font-family: 'Material Symbols Outlined';
	color: #0055FF;
	font-size: 1.5rem;
}

.event-half .cl-posi-detail .d2 > dl > dd{
	font-style: normal;
	font-weight: 400;
	font-size: var(--font-size-14);
	letter-spacing: -0.03em;
	color: #000000;
	padding-left: 0.2rem;
	line-height: 1.5em;
}

.event-half .cl-posi-detail .d2 > dl > dd a{
	font-weight: 700;
	color: #0055FF;	
	display: flex;
	align-items: flex-start;
	line-height: 1.5em;
}

.event-half .cl-posi-detail .d2 > dl > dd a.cus-tel:after{
	flex-shrink: 0;
	content:'\e0b0' ;
	font-family: 'Material Symbols Outlined';
	font-size: 1.1rem;
	display: inline-flex;
	width: 1.50rem;
	height: 1.50rem;
	border-radius: 50%;
	background-color:#0055FF;
	color:#fff;
	align-items: center;
	justify-content: center;
	margin-left: 0.5rem;
}

.event-half .cl-posi-detail .d3{
	display: flex;
	width: 100%;
	padding: 20px;
	padding-top: 0;
} 

.event-half .cl-posi-detail .d3 .cl-request{
	width: 100%;
	height: 50px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: var(--font-size-14);
	line-height: 1.5em;
	letter-spacing: -0.04em;
	color: #FFFFFF;
	background-color: #0055FF;
	border-radius: 8px;
}

.event-half .cl-posi-detail .d3 .cl-request.off{
	background-color: #A7A7A7;
	cursor: none;
}

.event-half > section.sec-2 .d1 .cus-inner-gray{
	display: none;
	width: calc(100% + 40px);
	height: 100%;
	position: absolute;
	background-color: rgba(0,0,0,0.6);
	top:0;
	left:-20px;
}

.event-half > section.sec-2 .d1 .cus-inner-gray.on{
	display: block;
}

.event-half > section.sec-2 .d2 h2{
	font-weight: 700;
	font-size: 1.33rem;
	line-height: 1.5em;
	letter-spacing: -0.02em;
	color: #000000;
	display: block;
	text-align: left;
	width: 100%;
	border-bottom: 1px solid #ccc;
	padding-bottom: 0.5rem;
	margin-bottom: 0rem;
}

.event-half > section.sec-2 .d2 .g1 > ul{
	display: flex;
	flex-direction: row;
	width: 100%;
	column-gap: 1rem;
	justify-content: space-between;
}

.event-half > section.sec-2 .d2 .g1 > ul > li{
	width: calc( (100% - 1rem) / 2);
	aspect-ratio: 16 / 9;
	display: flex;
	flex-direction: column;
	align-items: center;
	row-gap: 10px;
}

.event-half > section.sec-2 .d2 .g1 .cus-video{
	width: 100%;
	height: 100%;
	border-radius:20px ;
	overflow: hidden;
}

.event-half > section.sec-2 .d2 .g1 .cus-video iframe{
	width: 100%;
	height: 100%;

}

.event-half > section.sec-2 .d2 .g1 .cus-img{
	border-radius: 1rem;
	overflow: hidden;
}

.event-half > section.sec-2 .d2 .g1  p{
	font-weight: 400;
	font-size: 0.9rem;
	line-height: 24px;
	display: flex;
	align-items: center;
	text-align: center;
	letter-spacing: -0.01em;
	color: #222222;
}


.quick_menu_box{
	position: static;
}

.type_detail.tit_wrap h2{
	font-size: 1.33rem;
}

.type_detail.tit_wrap h2.tit.noline{
	display: flex;
	width: 100%;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	margin-top: 2rem;
	font-size: 1.3rem;
}

.type_detail.tit_wrap h2.tit.noline span{
	font-size: 0.9rem;
}

.type_detail.tit_wrap h2.tit.noline span em{
	color: #2B85FA;	
}

.board_detail > .inner > .type_detail.tit_wrap{
	border-bottom: none;
}

.type_detail.tit_wrap .share_box{
	border-bottom: none;
}

.board_detail > .inner > .type_detail.tit_wrap.line {
	border-bottom: 2px  solid #000000;
	padding-bottom: 0;
}

.board_list ul{
	margin-top: 0;
}

.swiper-pagination-total{
	color:#838383;
}

.event-half > section.sec-2 .cus-banner{
	display: flex;
	width: 100%;
	flex-direction: column;
	background-color: rgba(255, 248, 218, 0.8);
	border: 4px solid #FFFFFF;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	align-items: center;
	justify-content: center;
	margin-top: 2rem;
	padding: 0 1rem 1.5rem 1rem;

}


.event-half > section.sec-2 .cus-banner > p{
	font-weight: 700;
	font-size: 1.1rem;
	line-height: 1.5em;
	letter-spacing: -0.01em;
	color: #555555;
	display: flex;
	position: relative;
	flex-direction: column;
	align-items: flex-start;
	text-align: left;
	padding-left: 6rem;
	justify-content: center;
	width: 100%;
	padding-bottom: 0.5rem;
}

.event-half > section.sec-2 .cus-banner p span{
	font-weight: 400;
	font-size: 1rem;
	letter-spacing: -0.01em;
	color: #DE7540;
}

.event-half > section.sec-2 .cus-banner p.d1:before{
	content: '';
	width: 4.5rem;
	aspect-ratio: 1 / 1;
	background-image: url(../../../images/half/sec2_banner_icon.png);
	display: inline-flex;
	background-size: 80%;
	position: absolute;
	left: 1rem;
	background-repeat: no-repeat;
}

.event-half > section.sec-2 .cus-banner > dl{
	display: flex;
	flex-direction: row;
	width: 100%;
	align-items: flex-start;
	justify-content: flex-start;
	column-gap: 0.5rem;
	font-size: 1.05rem;

	background: #FFFFFF;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
	padding: 1rem;
	margin-top: 0;
}

.event-half > section.sec-2 .cus-banner > dl > dt{
	white-space: nowrap;
	font-weight: 700;
	font-size: inherit;
	line-height: 1.4em;
	letter-spacing: -0.02em;
	color: #DE7640;
	width: 4.5rem;
	text-align: left;
}

.event-half > section.sec-2 .cus-banner > dl > dd{
	flex:1 1 0;

}

.event-half > section.sec-2 .cus-banner > dl > dd > ul{
	display: flex;
	width: 100%;
	flex-direction: row;
	row-gap: 0.5rem;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-top: 0;
}

.event-half > section.sec-2 .cus-banner > dl > dd > ul > li{
	font-size: inherit;
	font-weight: 400;
	color: #666666;
	text-align: left;

}

.event-half > section.sec-2 .cus-banner > dl > dd > ul > li span{
	font-weight: 600;
	white-space: nowrap;
	color: #333333;
}

.event-half > section.sec-2 .cus-banner > dl > dd > ul > li:before{
	content: none;
}

.event-half > section.sec-2 .cus-banner > dl > dd > p{
	padding-left: 0;
	margin-top: 0.5rem;
	text-align: left;
	font-weight: 400;
	color: #666666;
}


.event-half > section.sec-2 .cus-banner > dl > dd > ul > li:last-child{
	padding-left: 1rem;
}


@media screen and (min-width:1024px){

	.header .inner{
		display: none;
	}

	.event-half{
		max-width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	.event-half > section{
		max-width: 940px;
		margin-left: auto;
		margin-right: auto;
	}

	.event-half > hgroup{
		padding-top: 80px;
		flex-direction: column;
		row-gap: 16px;
		padding-bottom: 50px;
		margin-bottom: 0;
	}

	.event-half > section.sec-1{
		max-width: 100%;
	}

	.event-half > section.sec-1 > article.d1 .swiper-area{
		background-color: #DFFDFF;
		padding: 0;
	}

	.event-half > section.sec-1 > article.d1 .swiper{
		max-width: 940px;
	}

	.event-half > section.sec-1 > article.d1 .swiper-slide{
		height: 120px;
	}

	.event-half > section.sec-1 > article.d1 .swiper-slide img{
		width: 100%;
		height: 120px;
	}

	.event-half > section.sec-1 > article.d1 .cus-act-buttons{
		max-width: 940px;
		margin-top: 1rem;
	}

	.event-half > section.sec-1 > article.d2{
		max-width: 940px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 20px;
	}

	.event-half > section.sec-1 > article.d2 .cl-search{
		width: 60px;
		height: 60px;
		background-size: 20px,cover;
	}

	.event-half > section.sec-1 > article.d2 .cl-search:after{
		width: 60px;
		height: 60px;
	}

	.event-half > section.sec-2 .d1 ul{
		margin-top: 20px;
		row-gap: 20px;
	}

	.event-half > section.sec-2 .d1 .cl-posi-area .cl-posi{
		font-size: 18px;
		padding: 0px 15px;
		height: 32px;
		box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
		border-radius: 20px;
	}

	.event-half > section.sec-2 .d1 .cl-posi-area .cl-posi:before{
		width: 16px;
		height: 16px;
		background-size: 14px;
	}

	.event-half > section.sec-2 .d1 ul > li:before{
		background-size: 15px;
		width: 30px;
		height: 30px;
	}

	.event-half > section.sec-2 .cus-posi-area h6{
		font-size: 18px;
	}

	.event-half > section.sec-2 .cus-posi-area h6{
		right: -140px;
	}

	.event-half > section.sec-2 .d2{
		padding-top: 50px;
	}	

	.event-half > section.sec-2 .d1 ul > li:after{
		content: '';
		display: block;
		width: 1px;
		height: 16px;
		border-right: 1px dashed #A7A7A7;
		position: absolute;
		left: 15px;
		top: 34px;
	}

	.event-half > section.sec-2 .d1 ul > li:last-child:after{
		content: none;
	}

	.event-half > section.sec-1 > article.d3{
		max-width: 940px;
		margin-left: auto;
		margin-right: auto;
	}

	.event-half > section.sec-1 > article.d3 .show-search{
		padding: 30px;
		box-sizing: border-box;
		left:0;
		width: 100%;
	}

	.event-half > section.sec-1 > article.d3 .show-search h4{
		font-size: 20px;
	}

	.event-half > section.sec-1 > article.d3 .show-search > div{
		column-gap: 20px;
		width: 100%;
		align-items: center;
		justify-content: space-between;
		flex-direction: row;
	}

	.event-half > section.sec-1 > article.d3 .show-search > div .usr-select{
		width: 100%;
	}

	.event-half > section.sec-1 > article.d3 .show-search h5 br{
		display: none;
	}

	.event-half > section.sec-1 > article.d3 .show-search .cl-search-ok{
		max-width: 150px;
	}

	.event-half > section.sec-2 .d2 .g2{
		margin-top: 30px;
	}


	.event-half > section.sec-2 .d2 .g1 > ul > li:last-child{
		display: flex;
	}
	
	.event-half > section.sec-2 .d1 ul > li:after{
		content: '';
		display: block;
		width: 1px;
		height: 16px;
		border-right: 1px dashed #A7A7A7;
		position: absolute;
		left: 15px;
		top: 34px;
	}

	.event-half > section.sec-2 .d1 ul > li:last-child:after{
		content: none;
	}

	.event-half > section.sec-2 .d2 .g1 > ul{
		column-gap: 2rem;
	}

	.event-half > section.sec-2 .d2 .g1 > ul > li{
		width: calc( (100% - 2rem) / 2);
	}

	.event-half > section.sec-2 .d1 .cus-inner-gray{
		width: 100%;
		left:0px;
	}

	.event-half .cl-posi-detail .d2 > dl > dd a.cus-tel:after{
		content: none;
	}

	.event-half .cl-posi-detail .d1 h2 span{
		font-size: 0.9rem;
	}

	.event-half .cl-posi-detail .d2 > dl > dt{
		font-size: 0.9rem;
	}

	.event-half .cl-posi-detail .d2 > dl > dd{
		font-size: 0.9rem;
	}

	.event-half > hgroup{
		align-items: center;
	}

	.event-half > hgroup > h3{
		font-size: 1.33rem;
	}

	.usr-popup{
		max-width: 90%;
		width: auto;
	}

	.event-half > section.sec-2 .cus-banner{
		padding: 1rem 2rem;
	}

	.event-half > section.sec-2 .cus-banner > p{
		font-size: 1.1rem;
		line-height: 1.5em;
		letter-spacing: -0.01em;
		padding-left: 7rem;
	}

	.event-half > section.sec-2 .cus-banner p span{
		font-size: 0.9rem;
	}

	.event-half > section.sec-2 .cus-banner p.d1:before{
		content: '';
		width: 4.44rem;
	}

	.event-half > section.sec-2 .cus-banner{
		margin-top: 4rem;
	}

	.event-half > section.sec-2 .cus-banner p .mo{
		display: none;
	}

	.event-half > section.sec-2 .cus-banner > dl{
		padding: 1rem;
		column-gap: 1rem;
		margin-top: 1.5rem;
	}

	.event-half > section.sec-2 .cus-banner > dl > dd > ul{
		margin-top: 0;
	}

	.event-half > section.sec-2 .cus-banner > dl > dd > ul{
		flex-direction: row;
		column-gap: 1rem;
		flex-wrap: wrap;
	}

	.event-half > section.sec-2 .cus-banner > dl > dd > ul > li{
		width: calc( (100% - 1rem) / 2);
	}

	.event-half > section.sec-2 .cus-banner p.d1:before{
		background-size: 100%;
	}

	.event-half > section.sec-2 .cus-banner > dl > dd > ul > li:last-child{
		padding-left: 0rem;
	}

	.event-half > section.sec-2 .cus-banner > dl > dd > ul > li:after{
		content: none;
	}
}