*{margin: 0; padding: 0;}

/* 상단 */
/* 250123수정 */
.evt_top{overflow: hidden; width: 100%; background: #333; text-align: center; font-size: 1.3em; color: #fff; font-weight: 900; padding: 0.5em 0 0.3em; z-index: 3;}
/* 250123수정 */
.evt_top.fix{position: fixed; top:0; left: 0; z-index: 100;}
.mint{color: #00ffe4;}

.evt_wp{position: relative; width: 100%; height: 100%; font-size: 18px;}

.visual{ background-size: 100%; }


/* 수정 */
.sub{width: 90%; position: absolute; top: -3em; left: 5%;}
.buy{background: #210303; padding-bottom: 3em;}
.lec_wp{position: relative;}
.btn_wp{position: absolute; bottom: 6vw; left: 7%; width: 86%;}
.btn_wp a img{padding-top: 1vw;}
/* ------- 여기까지 수정 */

.con1{position: relative;}
.con2{background: #ffebe2; padding-bottom: 3em;}
.con5,
.con7{ padding-bottom: 3em;}
.con6{background: #ffebe2;}
.btn{width: 90%; margin: 20px auto 0;}
.con2 .tab-content { padding-bottom:30px; border-radius:0 0 10px 10px; }

/* 수정 */ .buy_view{position: absolute; right: 2.2em; bottom: 10.8em; width: 3.5em;}

.small{text-align: center; font-size: 0.9em; padding-top: 1em;}

.inner{width: 92%; margin: 0 auto;}
.up-on-scroll{transition: transform 0.7s, opacity 1.7s;}

@keyframes fade-in-top{0%{transform: translateY(-50px); opacity: 0;}100%{transform: translateY(0); opacity: 1;}}
@keyframes fade-in{0%{opacity: 0;}100%{opacity: 1;}}

@keyframes scrollBottom { 0%{transform: translateY(-5px);} 100%{transform: translateY(5px);}}
@keyframes blink{0%{opacity:1} 50%{opacity:.5}100%{opacity:1}}

.con_table{background: #f1541c; padding: 9vw 0;}

p.tit{font-size: 6vw; font-weight: 900; text-align: center; color: #fff; }
p.tit strong { color: #fff000; }
p.tit span{font-size: 4vw; font-weight: 500; text-align: center; line-height: 1; }

.pr_info{width: 95%; margin: 5vw auto 0; border-radius:10px; border-collapse: separate; border-spacing: 0; overflow: hidden;}
.pr_info th,
.pr_info td{padding: 3vw 1vw;}
.pr_info th{background: #210303; color: #fff; font-weight: 900; font-size: 4vw;}
.pr_info td{background: #fff; border: 1px solid #ddd; border-top: 0; border-left: 0; text-align: center; font-size: 3vw;}
.pr_info td:first-child{border-left: 0;}
.pr_info td:last-child{border-right: 0;}
.pr_info tr:last-child td{border-bottom: 0;}

.project{color: #fff; position: relative; width: 90%; margin: 0 auto;}
.noti_tit{color: #fff; border-bottom: 1px solid rgba(255,255,255,0.5); font-size: 1.5em; font-weight: 900; text-align: center; padding: 20px 0 10px;}

.detail{position: relative; margin: 0 auto; display: none;}
.project .show{display: block; -webkit-animation: fadeIn .5s; animation: fadeIn .5s;}
.project p.mint{font-size: 1.5em; font-weight: 900; text-align: center; padding: 0.7em 0;}

.project table{table-layout: fixed; word-break: break-all; border-collapse: collapse; width: 100%; border-bottom: 1px solid #fff; margin-bottom: 30px;}
.project table th,
.project table td{font-size: 0.8em; text-align: center; padding: 0.5em 0;}
.project table tr:nth-child(2) td{padding-top: 20px;}
.project table tr:last-child td{padding-bottom: 30px;}
.project table th{background: #fff; color: #210303; }
.project table td{color: #fff;}

.detail .noti_small{font-size: 14px; opacity: 0.8; font-weight: 100;}

.summary.close {cursor: pointer; position: absolute; top: -2.8em; right: 2em;}
.summary.open .arrow,
.summary.close .arrow{width: 1.5em; height: 1.5em; border: 0.2em solid #fff; border-radius: 50%;}
.summary.close .arrow::after {position: absolute; top: 0.6em; content: ''; width: 0.6em; height: 0.6em; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(-45deg);}

/* tab */
.tab_wp{overflow: hidden; display: block; border-radius:10px 10px 0 0; }
.tab_wp li{float: left; cursor: pointer; text-align: center; color: #fff; font-size: 0.7em; background: #210303; padding: 1em 0; width: 32.7%; margin-right: 1px;}
.tab_wp li.active{font-weight: 900; background: #fff; color: #210303;}
.tab_wp li:last-child{ margin-right: 0; width: 33.7%}
.tab-content{background: #fff;}

/* slide 후기 */
.slider{padding-bottom: 3em;}
.slider-review{width:90%; margin:0 auto; position: relative;}
.slider-review .swiper-container{ height: 32em; background: transparent; margin-top: -10em; padding-top:5.5em; }
.swiper-horizontal > .swiper-pagination-bullets{bottom: 3em}
ul.swiper-conts{background: #fff; padding: 2em 0; overflow: hidden; display: block; border-radius: 1em;}
ul.swiper-conts li{float: left; text-align: left;}
ul.swiper-conts li div{font-size: 0.9em; text-align: left;}
ul.swiper-conts .interview_title{font-size: 1.1em; font-weight: 900;  padding-bottom: 0.5em;}
ul.swiper-conts li:first-child{width: 16%; padding: 0 2em;}
ul.swiper-conts li:first-child div {font-size: 1em; text-align: center; padding-top: 1em;}
ul.swiper-conts li:last-child{width: 60%;}
ul.swiper-conts li div.interview_name{font-size: 0.8em; padding: 1em 0;}
.interview_btn{width: 10em; margin-top: 2em}
.swiper-pagination{bottom: 0; z-index: 2; display:none; }

/* swiper */
.slider-conts{padding-right: 5%; overflow: hidden; width: 90%; margin-left: 5%;}
.slider-container{height: 17%;}
.slider-conts p{width: 100%;}

/* popup */
.popup-wrapper{position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.5); display: inline-flex; align-items: center; z-index: 3; word-spacing: 0; overflow-x: hidden;}
.closeX{position: absolute; top: 0.2em; right: -0.1em; width: 1em; line-height: 0.8rem; font-size: 3.5em; text-align: center; cursor: pointer; color: #000; text-decoration: none;}
.pop_wrap{position: relative; background: #fff; width: 82%; margin: 0 auto; padding: 1em; border-radius: 0.3em; border: 0.15em solid #000;}

.pop_conts{overflow-y: auto; margin-bottom: 20%;}
.popup-wrapper .pop_tit{text-align: center; font-size: 0.9em;}
.popup-wrapper .tit{font-weight: 800; font-size: 1.5em; border-bottom: 0.01em solid #000; margin: 0.5em 0; padding-bottom: 0.2em; color: #000 !important}

.pop_conts table{table-layout: fixed; word-break: break-all; width: 92%; margin: 1em auto 0;}
.pop_conts table th,
.pop_conts table td{text-align: left; font-size: 0.9em; color: #555; font-weight: 500;}
.pop_conts table tr:nth-child(4) td{padding-top: 6%;}
.pop_conts table img{ width: 23px; vertical-align: middle;}
.pop_conts table span{margin:0 5px;}

.pop_wrap .btn{position: absolute; bottom: 0; left: 0; width: 100%; margin: 0 auto; background: #e41545; text-align: center; padding: 0.7em 0; color:#fff; font-weight: 900; font-size: 1.5em;}
.pop_conts a{color: #fff; text-decoration: none;}
.btn_view{background: #333; text-align: center; border-radius: 0.2em; padding: 0.8em 1.2em; font-size: 0.7em; position: absolute;}

.popup-wrapper input{width: 90%; border: 0; border-bottom: 0.1em solid #aaa; padding: 0; font-size: 1em; color: #000; font-weight: 600; height: 2.5em; border-radius: 0; margin-bottom: 0.5em;}
.popup-wrapper select{font-size: 1em;}

.popup-wrapper input[type='text'].data{width:35%;}
.popup-wrapper select{padding: 1em; border:1px solid #ccc; }
.popup-wrapper select option{font-size: 0.5em;}
.popup-wrapper button{border:0; cursor: pointer; padding: 0; margin-right: 15px;}

.popup-wrapper textarea,
.popup-wrapper select{border-radius: 0.5em; width: 19em; padding: 0.7em; color: #000; font-size: 0.7em; height: 3em}
.popup-wrapper label{cursor: pointer; font-size: 0.9em; padding: 0; letter-spacing: -0.1em;}
.popup-wrapper input[type='checkbox']{width: 20px; height: 20px; vertical-align: middle; accent-color: #e41545; margin-right: 5px;}

.popup-wrapper button{background: none;}

.popup-wrapper input:focus,
.popup-wrapper textarea:focus,
.popup-wrapper select:focus{outline: none;}
.popup-wrapper textarea::placeholder{font-size: 13px; color: #ccc;}

/* layer */
.layer-pop{position:fixed; top:0; left:0; display: inline-flex; align-items: center; background:rgba(0,0,0,0.2); width:100%; height:100%; z-index:2;}
.layer-pop .tit{font-size: 1.3em; text-align: center;}
.pop_layer{background: #fff; width: 75%; position: relative; margin: 0 auto; padding: 1em; box-shadow: 0px 0.1em 0.5em 0.3em rgb(0 0 0 / 0.2); border-radius: 0.3em; text-align: left;}
.layer_conts{position: relative; width: 95%; font-size: 1em; overflow-y: auto; line-height: 1.5; height: 18em; margin: 0 auto; padding: 0 2.5%;}
.layer_conts strong{padding-top: 0.5em; display: block; font-weight: 500;}
.layer-pop a{position: absolute; top: 0.5em; right: 0; width: 1em; line-height: 0.8rem; font-size: 3em; text-align: center; cursor: pointer; color: #000; text-decoration: none;}
.noti_txt{font-size: 12px;}
.red{color:#e41545;}
.bg_gray{ background: #ffebe2; margin: 0.5em 0; padding: 1em; text-align: left; font-size: 0.8em; width: 92%;}

/* 250123수정 */
.package {background: #210303; padding: 4em 0 1em;}
.package p {margin-bottom : 15vw}
.package ul {position: relative;}
.package .package_btn {display: flex; gap: 1.4vw; text-align: center; line-height: 10vw;justify-content: center; top: -14vw; position: relative;}
.package .package_btn a{display: block; width: 41vw; height: 10vw; border-radius: 0.7vw; font-size: 1.2em; font-weight: 600; background: #111; color: #fff;}
.package .package_btn a:nth-of-type(2) {background: #dc082b;}
.package ul li {margin-top: -5vw;}
.package ul li span {position: absolute; animation: blink infinite 1s both;}
.package ul li:nth-of-type(1) span { top: 33vw; left: 2vw;}
.package ul li:nth-of-type(2) span { top: 112vw; left: 2vw;}
.package ul li:nth-of-type(3) span { top: 194vw; left: 2vw;}