@charset 'utf-8';

	@import url('//cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');
	@font-face {
	font-family: 'Pretendard Variable';
	font-weight: 45 920;
	font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 100;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 200;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 800;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 900;
    font-display: swap;
}

body {
	font-family: 'Pretendard';
}

.pc {display:block;}
.mo {display:none;}
.w1130{width:1130px; margin:0 auto;}
.cen{text-align:center;}
.h10{height:10px;}
.h20{height:20px;}
.h40{height:40px;}
.h50{height: 50px;}
.h100{height:100px;}
.h130{height:130px;}
.h150{height:150px;}

/*비주얼*/

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            
#tLeft {text-align:left; margin-bottom:80px;}
#tLeft li:first-child{font-size:18px; font-weight:300; color:#000;margin-bottom:5px;}
#tLeft li:nth-child(2){font-size:24px; font-weight:700; color:#000;margin-bottom:10px;}
#tLeft li:last-child{font-size:12px; font-weight:500; color:#777;}

#tRight1 {text-align:left; margin-bottom:40px;}
#tRight1 li:first-child{font-size:42px; font-weight:300; color:#000;margin-bottom:5px;}
#tRight1 li:last-child{font-size:48px; font-weight:900; color:#000;}
#tRight2 {text-align:left; margin-top:40px;}
#tRight2 li:first-child{font-size:24px; font-weight:300; color:#000;margin-bottom:5px;}
#tRight2 li:nth-child(2){font-size:26px; font-weight:900; color:#000;text-decoration:underline;margin-bottom:40px;}
#tRight2 li:last-child{font-size:24px; font-weight:800; color:#1f2758; line-height:36px;}

.fs24{font-size:24px; font-weight:500; color:#000; text-transform: uppercase;}
.fs48{font-size:48px; font-weight:900; color:#000; margin-bottom:15px;}
.fs18{font-size:18px; font-weight:400; color:#666; line-height:26px;}

.slider_evt .slick-list{overflow:visible;padding:0 !important;}
.slider_evt .slider_item{position:relative;z-index:1;}
.slider_evt .slick-slide img {width:100%;}
.slider_evt .slick-slide{opacity:0.3; margin:0 10px}
.slider_evt .slick-slide.slick-active{top:0;z-index:11;transition-duration:0.5s;opacity:1}
.slider_evt .slick-slide.slick-center{z-index:12;transform:scale(1);transition-duration:0.5s;opacity:1;}
.slider_evt button.slick-arrow{background:url("//new.wowgosi.co.kr/txt_img/open2023_05/474/slide_arrows.png") no-repeat 0 0;display:block;position:absolute;top:50%;margin-top:-15px;width:73px;height:73px;font-size:0;text-indent:-9999px;outline:0;z-index:10;}
.slider_evt button.slick-prev{left:0%;}
.slider_evt button.slick-next{right:0%;background-position:-75px 0;}

.con_video{position:absolute; left:50%; margin-top:-310px;}

@media handheld, only screen and (max-width: 900px) {
	.vis_wrap {  padding-top:90px;}
	.con_video{margin-top:-150px;}
	.vis_tit {
    display:block;   
	}
	.vis_tit div:first-child{display:none;}
	.vis_tit div:last-child{width:90%;}
	#tRight1 li:first-child{font-size:36px;}
	#tRight1 li:last-child{font-size:42px;}
	#tRight2 li:first-child{font-size:18px; }
	#tRight2 li:nth-child(2){font-size:22px; margin-bottom:30px;}
	#tRight2 li:last-child{font-size:22px; line-height:32px;}

	.fs24{font-size:18px; margin-bottom:10px; }
	.fs48{font-size:36px; line-height:46px;}
	.fs18{font-size:14px;line-height:22px;}

	.w1130{width:90%;}
	.h130{height:80px;}
	.h150{height:100px;}
	.pc {display:none;}
	.mo {display:block;}
}
@media handheld, only screen and (max-width: 500px) {
	.con_video{position:relative; left:0%; margin-top:0px;}
	.con_video img{width:100%;}
	#asw {display:none;}
	.vis_wrap {  padding-top:70px;}
	#tRight1 li:first-child{font-size:24px;}
	#tRight1 li:last-child{font-size:32px;}
	#tRight2 li:first-child{font-size:16px; letter-spacing:-1px;}
	#tRight2 li:nth-child(2){font-size:18px; margin-bottom:20px;}
	#tRight2 li:last-child{font-size:18px; line-height:26px;}
}

#tea {display:flex;}
#tea .yellow{color:yellow;}
#tea li{width:33.3%; margin-right:35px;background-color:#1f2758; }
#tea li:last-child{margin-right:0px;}
#tea li div:nth-child(2){background-color:#000; padding:20px;  color:#fff;}
#tea li div:nth-child(2) span:first-child{font-size:18px; font-weight:400; line-height:30px;}
#tea li div:nth-child(2) span:last-child{font-size:24px; font-weight:800;}
#tea li div:last-child{padding:30px;  color:#fff; font-size:15px; text-align:left; line-height:24px; font-weight:300; }

@media handheld, only screen and (max-width: 900px) {
	#tea li{margin-right:10px;}
	#tea li div:nth-child(2){padding:10px;}
	#tea li div:nth-child(2) span:first-child{font-size:14px; line-height:24px;}
	#tea li div:nth-child(2) span:last-child{font-size:18px;}
	#tea li div:last-child{padding:15px;  font-size:12px; line-height:18px;}
}
@media handheld, only screen and (max-width: 500px) {
	#tea {display:block;}
	#tea li{width:100%; margin-right:0px; margin-bottom:15px;}
}



/*오픈카톡*/
.opentalk_wrap {
    padding:100px 0;
    background-color:#ffffff;
}
.opentalk_wrap > div {
    width:870px;
    margin:0 auto;
}
.opentalk_wrap h1 {
    font-size:48px;
    font-weight:800;
    letter-spacing:-1.5px;
    line-height:150%;
    margin-bottom:30px;
    color:#000000;
    text-align:left;
}
.opentalk_wrap p {
    font-size:20px;
    font-weight:400;
    letter-spacing:-.6px;
    line-height:155%;
    color:#000000;
    margin-bottom:36px;
    text-align:left;
}
.opentalk_wrap .conWrap {
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.opentalk_wrap .conWrap img {
    width:130px;
}
.opentalk_wrap .conWrap a {
    display:table;
    width:680px;
    height:80px;
    background-color:#232b61;
    color:#ffffff;
    font-size:25px;
    font-weight:800;
    letter-spacing:-.75px;
    border-radius:50px;
    position:relative;
    top:-16px;
}
.opentalk_wrap .conWrap a > span {
    display:table-cell;
    vertical-align:middle;
}
.opentalk_wrap .conWrap a .material-icons {
    margin-left:12px;
    font-size:36px;
    position:relative;
    vertical-align:middle;
    top:-2px;
}

@media handheld, only screen and (max-width: 900px) {
.opentalk_wrap {
        padding:14vw 0;
    }
    .opentalk_wrap > div {
        width:80%;
    }
    .opentalk_wrap h1 {
        font-size:36px;
    }
    .opentalk_wrap p {font-size:14px;}
    .opentalk_wrap .conWrap {display:block;}
    .opentalk_wrap .conWrap img {
        width:15%;
    }
    .opentalk_wrap .conWrap a {
        width:100%;
        height:75px;
        font-size:18px;
    }
    .opentalk_wrap .conWrap a > span {}
    .opentalk_wrap .conWrap a .material-icons {
        font-size:32px;
        top:0;
    }
}

/*패스회원*/
.pass_wrap {
    padding:90px 0 75px 0;
    background-color:#3326e8;
    background-size:1920px 806px;
    word-break:keep-all;
}
.pass_wrap .militv_tit {
    margin-bottom:32px;
    color:#ffffff;
}
.pass_wrap .militv_tit h1 {
    font-size:40px;
    margin-bottom:40px;
}
.pass_wrap .pass_btn {}
.pass_wrap .pass_btn a {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    width:360px;
    height:72px;
    border-radius:15px;
    background-color:#ffffff;
    font-size:23px;
    font-weight:800;
    letter-spacing:-0.8px;
    color:#3326e8;
}

@media handheld, only screen and (max-width: 900px) {
	.pass_wrap .militv_tit h1 {   font-size:36px; }
	.pass_wrap .militv_tit h3 {    font-size:18px;}
	.pass_wrap .w1000 {width:90%}
	.pass_wrap .pass_btn a {display:block; width:90%; border-radius:50px;   font-size:18px;     height:70px; line-height:70px;}

}

/*혜택*/
#benefit{display:flex;}
#benefit li{width:33.3%; margin-right:25px; background-color:#fff; padding:50px; border-radius:10px;}
#benefit li:last-child{margin-right:0px;}
#benefit li div:first-child{font-size:20px; padding-bottom:5px;}
#benefit li div:nth-child(2){font-size:32px; font-weight:800;}
#benefit li div:nth-child(3){padding:30px 0px 30px 0px;}
#benefit li div:nth-child(4) a{display:block; background-color:#000; color:#fff; font-size:20px; padding:10px; border-radius:10px; font-weight:600;}
#benefit li div:nth-child(4) a:hover{background-color:#3326e8;}
#benefit li div:nth-child(5){font-size:18px; font-weight:400; padding:20px 0px 10px 0px; font-weight:600; line-height:24px;}
#benefit li div:last-child{font-size:14px; color:#666}

@media handheld, only screen and (max-width: 900px) {
	#benefit{display:block;}
	#benefit li{width:100%; margin-right:0px; margin-bottom:20px; padding:0px }
	#benefit li div:first-child{font-size:20px; padding-top:50px;}
	#benefit li div:nth-child(2){line-height:120%;}
	#benefit li div:nth-child(4) a{width:80%;}
	#benefit li div:last-child{padding-bottom:50px;}
}

/*신청*/
#cost{display:flex; border-radius:10px; border:2px solid #232b61; width:80%;}
#cost li{padding:50px;}
#cost li:first-child{text-align:left;}
#cost li:first-child div:first-child{font-size:24px; color:#232b61; font-weight:500;}
#cost li:first-child div:nth-child(2){font-size:36px; color:#000; font-weight:900; padding-bottom:5px;}
#cost li:first-child div:nth-child(3){font-size:16px; color:#fff; font-weight:500; background-color:#232b61; width:70%; padding:5px 10px 5px 10px; text-align:center; }
#cost li:first-child div:nth-child(4){font-size:14px; color:#666; padding-top:20px; letter-spacing:-1px; padding-bottom:10px;}
#cost li:first-child div:nth-child(4) a{color:#c31727; border:1px solid #c31727; padding:0px 5px 0px 5px;}
#cost li:first-child div:nth-child(4) a:hover{color:#fff;  background-color:#c31727;}
#cost li:first-child div:nth-child(5){font-size:14px; color:#c31727; padding-bottom:10px;}
#cost li:first-child div:last-child{font-size:14px; color:#000; font-weight:500;}

#cost li:last-child{text-align:left; padding-left:50px;}
#cost li:last-child td:first-child{font-size:28px; font-weight:500;}
#cost li:last-child td {padding-bottom:10px;}
#cost li .red{color:#c31727;}
#cost li .val1{color:#888; text-decoration:line-through;}
#cost li .val2{color:#c31727; font-size:72px; font-weight:900}
#cost li .val3{color:#c31727; font-size:42px; font-weight:500}
#cost li:last-child a{color:#fff; background-color:#000; padding:10px; display:block; font-size:24px; text-align:center; border-radius:10px;font-weight:700}
#cost li:last-child a:hover{background-color:#c31727}

@media handheld, only screen and (max-width: 900px) {
	#cost{display:block; width:100%}
	#cost li:first-child div:first-child{text-align:center; line-height:140%;}
	#cost li:first-child div:nth-child(2){text-align:center; line-height:140%;}
	#cost li:first-child div:nth-child(3){margin:0 auto;}
	#cost li:last-child{ padding-top:0px;}
}
@media handheld, only screen and (max-width: 500px) {
	#cost li{padding:20px;}
	#cost li:first-child div:first-child{font-size:18px;}
	#cost li:first-child div:nth-child(2){font-size:30px;}
	#cost li:first-child div:nth-child(3){width:100%; padding:0px; line-height:40px; height:40px;}
	#cost li:last-child{ padding-left:20px;}
}

/*유의사항*/
#useage { border-collapse:collapse; }
#useage td{padding:30px; border:1px solid #666;}
#useage td:first-child{font-size:22px; font-weight:700; width:14%; text-align:center; border-left:none; }
#useage td:last-child{text-align:left;font-size:16px; width:86%; line-height:26px; border-right:none; letter-spacing:-0.5px;}
@media handheld, only screen and (max-width: 900px) {
	#useage td{padding:10px;}
	#useage td:first-child{font-size:18px; width:12%; }
	#useage td:last-child{font-size:14px; width:88%; line-height:22px; }
	.h40 {height:20px;}
}
@media handheld, only screen and (max-width: 500px) {
	#useage td{padding:10px;}
	#useage td:first-child{font-size:14px; width:10%; }
	#useage td:last-child{font-size:12px; width:90%; line-height:20px; }
}