@charset "utf-8";

:root {
	--fontType01: Heiro, sans-serif;
	--fontType02: Pretendard, sans-serif;
}

/* Heiro */
@font-face {
	font-family: 'Heiro';
	font-weight: 400;
	font-style: normal;
	src: url('./font/heiroflight/HeirofLightRegular.ttf') format("truetype");
}
@font-face {
	font-family: 'Heiro';
	font-weight: 700;
	font-style: normal;
	src: url('./font/heiroflight/HeirofLightBold.ttf') format("truetype");
}
/* PretendardVariable */
@font-face {
	font-family: 'Pretendard';
	font-weight: 100 900;
	font-style: normal;
	src: url('./font/PretendardVariable/PretendardVariable.woff2') format("font-woff2");
}

.m_only {display:none;} 

body {background:#2f3032 url("../images/bg_wrap.png") left 1000px  repeat-y;background-size:100% auto;font-family: var(--fontType02); font-weight:300; letter-spacing:-1px;}
.btn_top {width:120px;height:120px;position:fixed;right:20px;bottom:20px;background:url("../images/btn_top.png") center no-repeat;background-size:cover;z-index:99;cursor:pointer;}

.top_banner_wrap {position:relative;width:100%;background:url("../images/top_banner.png") center no-repeat;background-size:cover;}
.top_banner_wrap .inner_area {width:100%;max-width:1480px;margin:0 auto;padding:570px 40px 72px;position:relative;}
.top_banner_wrap .inner_area .tit01 {position:absolute;top:100px;right:20px;}
.top_banner_wrap .inner_area .tit02 {margin-bottom:30px;}
.top_banner_wrap .inner_area .tit02 img {max-width:100%;height:auto;}
.top_banner_wrap .inner_area .tit02_m {display:none;}
.top_banner_wrap .inner_area .tit03 {font-family: var(--fontType01); font-size:32px;color:#F1BE85;margin-top:65px;}
.top_banner_wrap .inner_area .tit04 {justify-content: space-between; display:flex;gap:20px;margin-top:30px;flex-wrap: wrap;}
.top_banner_wrap .inner_area .tit04 > div {font-size:20px;line-height:140%;color:#fff;}
.top_banner_wrap .inner_area .tit04 span {color:#F1BE85;font-size:18px;}
.top_banner_wrap .inner_area .tit04 .btn_reserve {height:56px;font-weight:500;flex-wrap: wrap; display:flex;align-items: center;justify-content: center;gap:5px; font-size:20px;padding:16px 40px;border-radius:4px;background-color: #F1BE85;color:#111;}

.top_banner_wrap .lang_area > a{margin: 18px 17px 0 0;display: inline-block;box-shadow: inset 2px 3px 4px #cdcdcd;background: #ededed;height: 35px;border-radius: 23px;width: 65px;position: absolute;left: 20px;top: 80px;}
.top_banner_wrap .lang_area > a.on{box-shadow: inset -2px 3px 4px #cdcdcd;}
.top_banner_wrap .lang_area > a > span{z-index: 2;text-align: center;line-height: 35px;display: inline-block;width: 35px;height: 35px;border-radius: 23px;color: #fff;font-size: 13px;position: absolute;font-weight: bold;transition: ease-in .2s;}
.top_banner_wrap .lang_area > a > span:first-child{color: #888}
.top_banner_wrap .lang_area > a.on > span:first-child{color: #fff;}
.top_banner_wrap .lang_area > a.on > span:last-child{color: #888}
.top_banner_wrap .lang_area > a:after{position: absolute;content: '';transition: ease-in .2s;border-radius: 23px;background: #414141;left: 30px;top: 0;width: 35px;height: 35px;}
.top_banner_wrap .lang_area > a.on:after{left: 0px;}
.top_banner_wrap .lang_area > a > span:first-child{left: 0;top: 0;}
.top_banner_wrap .lang_area > a > span:last-child{right: 0;top: 0;}

.content {width:100%;max-width:1480px;margin:0 auto;padding:20px;}
.content .page_tit {font-size:40px;font-weight:700;margin-top:20px;}

.btn_tab_m {display:none;}
.tab_area {display:flex;gap:20px;justify-content: space-between;border-bottom:1px solid #D2D2D2;padding:0 5px;}
.tab_area a {font-family: var(--fontType01);display:inline-block;font-size:24px;font-weight:700; color:#fff;padding:24px 5px;border-bottom:3px solid transparent;}
.tab_area a:hover,
.tab_area a.active {border-bottom:3px solid #F1BE85;color:#F1BE85;}
.tab_con {padding:60px 20px;margin-top:32px;}
.tab_con .tit01 {letter-spacing:8px;font-family: var(--fontType01);font-size:40px;font-weight:700;color:#fff;padding:20px 20px 20px 40px;background:url("../images/bull_tit.png") left 28px no-repeat;}
.tab_con .tit02 {font-family: var(--fontType01);font-size:28px;font-weight:700;color:#fff;margin-top:40px;}
.tab_con .tit03 {font-family: var(--fontType01);font-size:28px;font-weight:700;color:#F1BE85;text-align:center;}
.tab_con .tit04 {font-family: var(--fontType01);font-size:28px;font-weight:700;color:#fff;margin-top:40px;}

.tab_con .text_type01 {font-size:18px;color:#fff;margin-top:40px;line-height:140%;}
.tab_con#tab_con7 {padding-bottom:140px;}

.line_box {overflow: hidden; margin-top:40px;padding:40px;border-radius: var(--roudis20, 20px);border: 1px solid rgba(196, 154, 107, 0.50);}
.char_list {display:flex;gap:20px;margin-top:20px;}
.char_list li {padding:40px;border-radius:20px;background-color:#e0e0e0;}
.char_list li dt {font-size:24px;font-weight:800;color:#956C3F;}
.char_list li dd {font-size:20px;margin-top:10px;line-height:140%;}

.toggle_box {background-color:#F1BE85;margin:-40px;margin-top:40px;}
.toggle_box a {position:relative;font-size:20px;display:block;padding:20px;font-weight:500;}
.toggle_box a:before {position:absolute;right:20px;top:20px;display:block;content:"";width:20px;height:20px;background:url("../images/chevron-down.png") center no-repeat;}
.toggle_box a.active:before {transition: transform 0.3s;transform: rotate(180deg);}
.toggle_con {padding:20px;display:none;}
.toggle_con p + p {margin-top:30px;}
.toggle_con p {font-size:20px;line-height: 140%;}
.toggle_con p strong  {font-size:20px;font-weight:600;}

.bull_area {text-align:center;}
.bull_area img {max-width:100%;height:auto;}
.cast_tit + .bull_area {margin-top:10px;}
.cast_tit {font-size:26px;color:#F1BE85;text-align: center;font-weight:600;}
.cast_tit span {font-family: var(--fontType01);font-size:20px;letter-spacing: 0px;font-weight:400;}
.cast_info {text-align:center;font-weight:700;margin-top:20px;font-size:28px;color:#fff;position:relative;padding:3px 0;}
.cast_info span {font-weight:400;padding-left:4px;font-size:20px;font-family: var(--fontType01);color:#fff;letter-spacing: 0px;}
.cast_info.add_btn {padding-bottom:50px;}
.cast_info.add_btn .btn_more {position:absolute;left:50%;transform: translateX( -50% ); bottom:2px;width:32px;height:32px;background:url("../images/btn_link.svg") center no-repeat;}

.top_cast_wrap {display:flex;flex-wrap: wrap;gap:40px;justify-content: center;margin-top:20px;}
.top_cast_wrap > div {width:calc(100% / 4 - 30px );}
.top_cast_wrap > div .pic_area {overflow: hidden;border-radius:20px;margin-top:24px;}
.top_cast_wrap > div .pic_area img {width: 100%;height:auto;}
.top_cast_wrap .cast_tit {margin-top:8px;}

.cast_wrap {display:flex;flex-wrap: wrap;gap:40px;justify-content: left;margin-top:40px;}
.cast_wrap > div {display:flex;justify-content: center; flex-direction: column; padding:24px 5px;width:calc(100% / 4 - 30px );border-radius: var(--roudis20, 20px);background: rgba(0, 0, 0, 0.10);backdrop-filter: blur(5px);}
.cast_wrap > div.big {width:calc(100% / 3 - 28px );padding:40px 24px;}
.cast_wrap > div .pic_area {overflow: hidden;border-radius:20px;margin-top:24px;}
.cast_wrap > div .pic_area img {width: 100%;height:auto;}
.cast_wrap .cast_info {text-align: center;}
.cast_wrap .cast_info span {display:block;margin-top:5px;font-size:16px;}
.cast_wrap .cast_tit {font-size:20px;line-height:120%;}
.cast_wrap .cast_tit span {display:block;font-size:15px;margin:5px 0;}
.cast_wrap .popup_btn_wrap {text-align: center;margin-top:20px;}
.cast_wrap .popup_btn_wrap a {display:inline-block;width: 32px;height: 32px;background: url(../images/btn_link.svg) center no-repeat;}

.create_wrap {display:flex;flex-wrap: wrap;gap:40px;justify-content: left;margin-top:40px;}
.create_wrap > div {display:flex;justify-content: center; flex-direction: column; padding:24px 5px;width:calc(100% / 4 - 33px );border-radius: var(--roudis20, 20px);background: rgba(0, 0, 0, 0.10);backdrop-filter: blur(5px);}
.create_wrap .cast_info {text-align: center;}
.create_wrap .cast_info span {display:block;margin-top:5px;font-size:16px;}
.create_wrap .cast_tit {font-size:20px;}
.create_wrap .cast_tit span {display:block;font-size:15px;margin:5px 0;}
.create_wrap .popup_btn_wrap {text-align: center;margin-top:20px;}
.create_wrap .popup_btn_wrap a {display:inline-block;width: 32px;height: 32px;background: url(../images/btn_link.svg) center no-repeat;}

.flex_wrap {display:flex;gap:60px;padding:60px 0;border-bottom:1px solid #956C3F;}
.flex_wrap > div {}
.flex_wrap > div.pic_area {width:300px;flex-shrink: 0;position: relative;border-radius:12px;overflow: hidden;}
.flex_wrap > div.pic_area img {width:100%;height:auto;}
.flex_tit01 {font-family: var(--fontType01);color:#fff;}
.flex_tit02 {font-family: var(--fontType01);color:#F1BE85;margin-top:10px;font-size:32px;}
.flex_tit03 {font-family: var(--fontType01);color:#fff;margin-top:10px;letter-spacing: 0px;}

.slide_wrap {display:flex;gap:40px;margin-top:30px;flex-wrap: wrap;}
.slide_wrap > div {width:calc(100% / 3 - 30px );}
.slide_wrap > div img {width:100%;height:auto;}

.youtube_wrap {display:flex;gap:40px;margin-top:30px;flex-wrap: wrap;}
.youtube_wrap > div {width:calc(100% / 3 - 30px );}
.youtube_wrap > div iframe {width:100%;height:220px;}

.social_area {display:flex;gap:40px;margin-top:30px;flex-wrap: wrap;}
.social_area > div {width:calc(100% / 3 - 30px );}

.press_list {margin-top:30px;}
.press_list li {margin-top:15px;}
.press_list li a {font-size:22px;font-weight:500;display:flex;gap:12px; align-items: center; background:#fff url("../images/btn_link2.svg") right 40px center no-repeat;padding:20px 80px 20px 40px;border-radius:20px;}
.press_list li strong {color:#956C3F;font-size:18px;}


.sponsor_wrap {display:flex;flex-wrap: wrap; gap:20px;margin-top:20px;}
.sponsor_wrap > div {width:calc(100% / 4 - 20px );display:flex;justify-content: center;align-items: center;background-color:#fff;padding:20px;border-radius:20px;}
.sponsor_wrap > div img {max-width:100%;height:auto;}

.popup_wrap {background-color:#fff;display:none;position:fixed;top: 50%;left:50%;z-index:101;width:calc( 100% - 80px );max-width:1400px;overflow:hidden;border-radius:12px;transform:translate(-50%, -50%);}
.popup_wrap .popup_header {padding:15px;border-bottom:1px solid #e5e5e5;}
.popup_wrap .popup_header p {font-size:20px;font-weight:bold;}
.popup_wrap .popup_con {padding:40px;padding-top:80px;}
.popup_wrap .popup_con .popup_flex_box {display:flex;gap:32px;}
.popup_flex_box_img {max-width:440px;flex-shrink: 0;}
.popup_flex_box_img img {width:100%;height:auto;}
.popup_flex_box_tit01 {font-size:24px;font-family: var(--fontType01); color:#111;font-weight:700;margin-bottom:10px;}
.popup_flex_box_tit02 {font-size:18px;font-family: var(--fontType01); color:#956C3F;font-weight:700;margin-bottom:40px;}
.popup_flex_box_txt {overflow:hidden;overflow-y: auto; max-height:600px;font-size:18px;line-height:140%;color:#777676;padding-right:5px;}
.popup_flex_box_txt::-webkit-scrollbar {width: 5px;}
.popup_flex_box_txt::-webkit-scrollbar-thumb {background-color: #444444;}
.popup_flex_box_txt::-webkit-scrollbar-track {background-color: #aaa;}

.popup_wrap .bottom_btn_area {padding-top:20px;text-align:center;}
.popup_wrap .btn_close {background:url("../images/btn_pop_close.png") no-repeat;position:absolute;right:40px;top:40px;display:block;width:24px;height:24px;}
.popup_wrap .btn_close span:nth-child(1) {border-radius:3px;display: block;width:3px;height:20px;background-color:#333;position:absolute;top:50%;left:50%;transform: translate( -50% , -50% );}
.popup_wrap .btn_close span:nth-child(2) {border-radius:3px;display: block;width:3px;height:20px;background-color:#333;position:absolute;top:50%;left:50%;transform: translate( -50% , -50% );}

.bg_dimm {display:none;position:fixed;top:0;left:0;z-index:100;width:100%;height:100%;margin:0;padding:0;background-color:#000;opacity:0.5}


@media only screen and (max-width:1300px){
	.toggle_box {margin:-30px;margin-top:30px;}
	.popup_flex_box_img {max-width:320px;flex-shrink: 0;}
	.line_box {padding:30px;}

	.btn_top {width:100px;height:100px;}
	.char_list {flex-wrap: wrap;gap:12px;}
	.char_list li {width:calc(50% - 6px );}


	.top_banner_wrap .inner_area .tit05 {flex-wrap: wrap;gap:20px;}
	.tab_area a {font-size:16px;}

	.flex_wrap {gap:20px;padding:40px 0;}
	.slide_wrap {gap:20px;}
	.slide_wrap > div {width:calc(50% - 10px );}
	.youtube_wrap {gap:20px;}
	.youtube_wrap > div {width:calc(50% - 10px );}
	.social_area {gap:20px;}
	.social_area > div {width:calc(50% - 10px );}

	.top_cast_wrap {gap:20px;}
	.top_cast_wrap > div {width:calc(100% / 3 - 27px );}
	.cast_wrap {gap:20px;}
	.cast_wrap > div {width:calc(100% / 3 - 27px );}
	.create_wrap {gap:20px;}
	.create_wrap > div {width:calc(100% / 3 - 27px );}


}

@media only screen and (max-width:768px){
	.top_banner_wrap .lang_area > a {top:65px;left:15px;}
	body {background-position: left 550px;}
	.m_only {display:block;}
	.content {padding:16px;}
	.top_banner_wrap .inner_area {padding:20px 20px 30px;padding-top:calc( 100vh - 335px );}
	.top_banner_wrap .inner_area .tit01 {top:35px;right:25px;}
	.popup_flex_box_img {max-width:100%;flex-shrink: 0;height:270px;overflow:hidden ;border-radius:20px;}
	.popup_flex_box_img + div .popup_flex_box_txt {max-height:180px;}
	.popup_wrap {width:calc( 100% - 20px );}
	.popup_wrap .popup_con {padding:20px;padding-top:60px;}
	.popup_wrap .popup_con .popup_flex_box {flex-direction: column;gap:20px;}
	.popup_wrap .btn_close {right:20px;top:20px;}
	.popup_flex_box_tit01 {font-size:22px;}
	.popup_flex_box_tit02 {font-size:14px;margin-bottom:20px;}
	.popup_flex_box_txt {font-size:14px;max-height:360px;}
	
	.tab_con {padding:32px 0;margin-top:18px;}
	.tab_con .tit01 {font-size:28px;padding:7px 10px 10px 20px;background-size:8px auto;background-position:left 13px;}
	.tab_con .tit02 {margin-top:20px;}
	.tab_con .tit03 {font-size:24px;}
	.tab_con .tit04 {font-size:22px;margin-top:20px;}
	.tab_con .text_type01 {margin-top:20px;font-size:15px;}
	.line_box {padding:20px;margin-top:20px;}
	.char_list {margin-top:15px;}
	.char_list li {border-radius:12px;padding:20px;}
	.char_list li dt {font-size:18px;}
	.char_list li dd {font-size:15px;margin-top:5px;}

	.toggle_box {margin:-20px;margin-top:20px;}
	.toggle_box a {font-size:15px;padding:16px;}
	.toggle_box a:before {right:16px;top:16px;width:12px;height:12px;}
	.toggle_con p + p {margin-top:20px;}
	.toggle_con p {font-size:15px;}
	.toggle_con p strong  {font-size:15px;}

	.top_banner_wrap .inner_area .tit02 {display:none;}
	.top_banner_wrap .inner_area .tit02_m {display:block;}
	.top_banner_wrap .inner_area .tit02_m img {max-width:100%;height:auto;}
	.btn_top {right:15px;bottom:15px;width:64px;height:64px;background: url("../images/btn_top_m.png") no-repeat;}
	.create_wrap {gap:12px;}
	.create_wrap > div {width:calc(100% / 2 - 6px );padding:15px 5px;}
	.flex_wrap {display:block;}
	.flex_wrap > div.pic_area {margin-top:30px;width:100%;}
	.slide_wrap {gap:12px;}
	.slide_wrap > div {width:calc(100% / 2 - 6px );}
	.youtube_wrap > div {width:100%;}
	.social_area > div {width:100%;}
	.social_area > div iframe {min-width:auto !important;}
	.sponsor_wrap {gap:12px;}
	.sponsor_wrap > div {width:calc(100% / 2 - 6px );min-height:100px;padding:10px;border-radius:12px;}
	
	.top_banner_wrap .inner_area .tit03 {font-size:18px;margin-top:20px;}
	.top_banner_wrap .inner_area .tit04 {margin-top:15px;}
	.top_banner_wrap .inner_area .tit04 > div {font-size:15px;}
	.top_banner_wrap .inner_area .tit04 span {font-size:14px;display:block;}
	.top_banner_wrap .inner_area .tit04 br.m_hide {display:none;}
	.top_banner_wrap .inner_area .tit04 .btn_reserve {font-size:16px;padding:12px 20px;height:43px;}
	.top_banner_wrap .inner_area .tit04 .btn_reserve img {width:14px;height:auto;}

	.btn_tab_m {position:relative;font-size:16px;width:100%;display:block;text-align:left;padding:20px 14px;font-family: var(--fontType01);color:#F1BE85;border-bottom:2px solid #F1BE85;} 
	.btn_tab_m::before {position:absolute;right:18px;top:22px; content:"";display:block;width:18px;height:18px;background:url("../images/chevron-down2.png") center no-repeat;}
	.btn_tab_m.active {border-bottom:2px solid #fff;color:#fff;}
	.btn_tab_m.active::before {transform: rotate(180deg);background:url("../images/chevron-down2_on.png") center no-repeat;}
	.tab_wrap {position:relative;}
	.tab_area {width:100%;position:absolute;top:65px;left:0;display:none;gap:0;padding:0;border-bottom:none;}
	.tab_area a {width:100%;border-bottom:1px solid #111;background-color:#F1BE85;color:#111;padding:24px 14px;}
	.tab_area a:hover,
	.tab_area a:focus,
	.tab_area a.active {border-bottom:1px solid #111;background-color:#111;color:#fff;}
	
	.bull_area img {max-width:60px;}
	.top_cast_wrap {gap:12px;}
	.top_cast_wrap > div {width:calc( 50% - 6px );}

	.cast_wrap {gap:12px;margin-top:20px;}
	.cast_wrap > div {width:calc( 50% - 6px );padding:15px 5px;}
	.cast_wrap > div.big {width:calc( 50% - 6px );padding:15px 5px;}

	.cast_tit + .bull_area {margin-top:6px;}
	.cast_tit {font-size:20px;}
	.cast_tit span {font-size:15px;}
	.cast_info {font-size:20px;margin-top:6px;}
	.cast_info span {font-size:15px;}
	.cast_info.add_btn {padding-right:0;padding-bottom:45px;}
	.cast_info .btn_more {top:auto;bottom:10px;left:50%;transform: translateX( -50% );width:24px;height:24px;background:url("../images/btn_link.svg") center no-repeat;background-size:24px auto !important;}
	.cast_wrap .popup_btn_wrap a {width:24px;height:24px;background:url("../images/btn_link.svg") center no-repeat;background-size:24px auto !important;}
	.create_wrap .popup_btn_wrap a {width:24px;height:24px;background:url("../images/btn_link.svg") center no-repeat;background-size:24px auto !important;}

	.cast_wrap .cast_tit {font-size:15px;}
	.create_wrap .cast_tit {font-size:15px;} 
	.create_wrap .cast_info {font-size:18px;}
	.create_wrap .cast_info span {font-size:12px;}
	.create_wrap .cast_tit span {font-size:11px;}
	.create_wrap .popup_btn_wrap {margin-top:12px;}

	.cast_wrap .cast_info {font-size:18px;line-height:120%;}
	.cast_wrap .cast_info span {font-size:12px;}
	.cast_wrap .cast_tit span {font-size:11px;}

	.press_list li a {gap:6px;border-radius:12px;background-position:left 20px bottom 10px;background-size:24px auto;font-size:16px;padding:12px 20px;padding-bottom:45px;flex-direction: column;align-items: baseline;}
	.press_list li a strong {font-size:14px;}

	.tab_con#tab_con7 {padding-bottom: 80px;}
}