@charset "utf-8";
/* CSS Document */

@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

.inner { margin: 0 auto;  width: 88%;}
.pointcolor { background: linear-gradient(to right, #f64772, #495ef7); -webkit-background-clip: text;-webkit-text-fill-color: transparent;    display: inline-block;}


#main { }
#main h1{ font-size:54px; font-weight:700; margin: 20px 0; }
#main h2{ font-size:28px; font-weight:600;  margin:20px 0;}
#main h3{ font-size:40px; font-weight:700; color:#4b4b4b}
#main h4{ font-size:28px; font-weight:700; letter-spacing: -1.5px;}




#main .main-visual {position:relative;margin:0 auto; display: flex; margin-top: 120px;}
#main .main-visual .mv_1 {flex-basis: 65%;  flex-shrink: 0;}
#main .main-visual .mv_1 img{ border-radius: 24px; width: 100%; position: relative;}
#main .main-visual .mv_1 .mv_1_txt{ position: absolute; top: 40%; left: 4%; color: #fff;}
#main .main-visual .mv_1 .mv_1_txt h1{ font-size: 70px;    margin-bottom: 20px;}
#main .main-visual .mv_1 .mv_1_txt h2{ color: #fff;    font-weight: 400;}
#main .main-visual .mv_2 {flex-grow: 1; margin-left: 50px;}
#main .main-visual .mv_2 .mv_2_txt{    margin-bottom: 55px;}
#main .main-visual .mv_2 .mv_2_box{}
#main .main-visual .mv_2 .mv_2_box a{background-color: #f6f6f6; border: 1px solid #e1e1e1; border-radius: 24px; padding: 75px; display: block; margin: 15px 0; font-size: 24px; font-weight: 400; position: relative;}
#main .main-visual .mv_2 .mv_2_box a img{ margin-left: 70%;position: absolute;  right: 14%;  top: 35%;}

.hide {position: absolute;left: -9999%;font-size: 0;line-height: 0;text-indent: -9999px;}




@media all and ( max-width: 1920px ){
	#main .main-visual .mv_1 .mv_1_txt {top: 30%;}
	#main .main-visual .mv_2 .mv_2_txt {margin-bottom: 30px;}
	#main .main-visual .mv_2 .mv_2_box a { font-size: 22px; padding: 50px;}
	#main .main-visual .mv_2 .mv_2_box a img {top: 33%;	width: 8%;}

}

@media all and ( max-width: 1680px ){
	
}
@media all and ( max-width: 1440px ){
	#main .main-visual {	margin-top: 85px;}
	#main .main-visual .mv_1 .mv_1_txt h1{ font-size: 50px; margin-bottom: 10px;}

    #main .main-visual .mv_2 .mv_2_box a { font-size: 19px; padding: 34px; margin: 6px 0;}



}
@media all and ( max-width: 1280px ){
	#main .main-visual {	display: block;}
	#main .main-visual .mv_2 {	display: flex; margin: 38px 0;}
	#main .main-visual .mv_2 .mv_2_box {display: flex;	width: 100%; align-items: center;}
    #main .main-visual .mv_2 .mv_2_txt { width: 30%;    }
    #main .main-visual .mv_2 .mv_2_box a {  margin: 6px; width: 100%;}
    #main .main-visual .mv_2 .mv_2_box a img {  top: 23%;   width: 15%; }



}
@media all and ( max-width: 1024px ){
	

}

@media all and ( max-width: 960px ){

	#main .main-visual .mv_2 {display: block;}
	#main .main-visual .mv_2 .mv_2_txt {width: 100%;}
	
	
	}
	
@media all and ( max-width: 800px ){
	
}

@media all and ( max-width: 640px ){
    #main .main-visual .mv_2 .mv_2_txt {  margin-bottom: 0;  }
    #main .main-visual .mv_1 .mv_1_txt {  top: 15%;  }
    #main .main-visual .mv_2 .mv_2_box a {margin: 6px 4px; font-size: 15px;  padding: 24px 30px 24px 10px; height: 25px;display: flex; align-items: center; word-break: auto-phrase;}
	#main .main-visual .mv_2 .mv_2_box a img { top: 40%;}


    #main .main-visual .mv_1 .mv_1_txt h1 { font-size: 32px; margin-bottom: 0; }

}


.sec_txt {margin-bottom: 50px;}


#sec01 { margin-top: 100px;}
#sec01 .sec01box{}
#sec01 .sec01box ul{display: flex; justify-content: space-between; flex-wrap: wrap; flex-direction: row; margin-bottom: 20px;}
#sec01 .sec01box ul li{background-color: #f6f6f6; border: 1px solid #e1e1e1; border-radius: 24px; box-sizing: border-box; text-align: center; height: 460px; width: calc(100% / 5 - 24px); margin-bottom: 20px;}
#sec01 .sec01box ul .linone {background: none; border:none;}
#sec01 .sec01box ul li img{ margin: 40px 0; border-bottom: 1px solid #ddd;  padding-bottom: 40px;}
#sec01 .sec01box ul li .s01box_t p{font-size: 24px;}
#sec01 .sec01box ul li .s01box_t .ticket_possible{ background: linear-gradient(to right, #f64772, #495ef7); color: #fff; border-radius: 50px; font-size: 20px;  padding: 13px 60px; margin-top: 12px;}
#sec01 .sec01box ul li .s01box_t .ticket_none{ background: #a7a7a7; color: #fff; border-radius: 50px; font-size: 20px;  padding: 13px 60px; margin-top: 12px;}


#sec02 {    padding: 120px 0;}
.sec02board { display: flex; flex-wrap: wrap; gap: 50px;}
.board {  flex: 1; min-width: 300px;}
.board h3 { border-bottom: 2px solid #2b2b29;  padding-bottom: 20px; margin-bottom: 10px;}
.board ul { list-style: none;  padding: 0;  margin: 0;}
.board li {  padding: 25px 0;  border-bottom: 1px solid #eee; cursor: pointer; }
.board.no-click li { cursor: default; }
/* 모달 스타일 */
.modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; justify-content: center; align-items: center; z-index: 999;}
.modal.active { display: flex; }
.modal-content {  background: #fff;  padding: 70px;  border-radius: 12px;  width: 90%;  max-width: 550px;  text-align: center;  position: relative; }
.modal-content h3 { margin-top: 0; font-size: 22px; margin-bottom: 1rem;}
.modal-content p { font-size: 16px; color: #666; margin-bottom: 1.5rem; }
.modal-content button.close {position: absolute; top: 10px; right: 10px; border: none; background: none; font-size: 1.5rem; cursor: pointer;  }
.modal-content button.confirm { background: #8b5cf6; color: white; border: none; padding: 10px 20px; border-radius: 6px; font-size: 16px; cursor: pointer;  }




.quickmenu {position: fixed; bottom: 100px; width: max-content; left: auto !important; right: 10px !important; z-index: 10;}
.quickmenu ul { }
.quickmenu ul li { display: flex;	align-items: center; justify-content: center; width: 84px;  height: 84px;  border-radius: 14px; margin-top: 10px;}
.quickmenu ul li .imgWrap {text-align: center;}
.quickmenu ul li .imgWrap img{  width: 70%;}
.quickmenu ul li:nth-child(1){background-color: #f9e000; margin-bottom: 8px;}
.quickmenu ul li:nth-child(2){background-color: #2fc950;}
.quickmenu ul li:nth-child(2) p{color: #fff;}





@media all and ( max-width: 1920px ){
	
	#main h1{ font-size:40px;}
	#main h2{ font-size:22px;}
	#main h3 {font-size: 32px;}
	#main h4 {font-size: 24px;}

	.sec_txt {	margin-bottom: 27px;}

	#sec01 .sec01box ul li {height: 380px;    width: calc(100% / 5 - 12px);}
	#sec01 .sec01box ul li img {width: 75%;    padding-bottom: 25px;}
	#sec01 .sec01box ul li .s01box_t p {font-size: 22px;}
	#sec01 .sec01box ul li .s01box_t .ticket_possible {font-size: 18px;	padding: 13px 45px;}

}


@media all and ( max-width: 1400px ){

	#main h1 { font-size: 35px; margin: 10px 0; }
	#main h2 {  font-size: 19px; }
	#main h4 {font-size: 18px;}


	#sec01 {margin-top: 43px;}
	#sec01 .sec01box ul li {width: calc(100% / 4 - 20px);  }

	#sec02 {padding: 43px 0;}

	.quickmenu ul li {width: 64px;	height: 64px; font-size: 14px;}
	.quickmenu ul li .imgWrap img {	width: 60%;}



}


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

	#sec01 .sec01box ul li{ height: 348px; width: calc(100% / 4 - 11px);}

}




@media all and ( max-width: 1024px ){

	#sec01 .sec01box ul li {	width: calc(100% / 3 - 16px);}
	.quickmenu {left: 94%;}
}


@media all and ( max-width: 640px ){
	#main h1 { font-size: 26px; }
    #main h2 {  font-size: 20px; }

 	#sec01 .sec01box ul li { width: calc(100% / 2 - 5px); height: 282px;}
	#sec01 .sec01box ul .linone {  display: none;}
	#sec01 .sec01box ul li .s01box_t p { font-size: 19px; }
    #sec01 .sec01box ul li .s01box_t .ticket_possible {  font-size: 16px;  padding: 9px 38px; }


	.modal-content {width: 100%; max-width: 300px;}
    .quickmenu { left: 90%;  }
}

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

	#main h2 {font-size: 15px;  }

}