@charset "utf-8";
*{font-family: 'Pretendard'}
main{overflow:hidden;}
/*공통*/
.more-btn{padding-right:35px; position:relative; font-family:'Gmarket'; color:#1f1f1f; font-weight:300;}
.more-btn:after{content:""; display:block; width:22px; height:15px; background:url(/resources/custom/images/apply/main/ico-more.png);
position:absolute; right:0; top:50%; transform:translateY(-50%); transition:all .3s;}
.more-btn:hover:after{right:-12px;}
.tit-box > h3{color:#1b1b1b; font-size:46px;}
/************
section 01
*************/
.sc01{padding:60px 0; background:#f5f8ff;}
.sc01 .mainTxt{text-align:center; font-size:26px; color:#313131; font-weight:600; margin-bottom:60px;}
.sc01 .mainTxt strong{font-family:"Gmarket"; font-size:40px;         word-break: auto-phrase;}
.sc01 .con{display:flex; gap:24px; animation-delay:1s;}
/*팝업슬라이드*/
.pop-sl-box {height:520px; margin-bottom:30px; width:645px;}
.pop-sl-list{width:100%; height:100%}
.pop-sl-itm{border-radius:32px; overflow:hidden; }
.pop-sl-itm a{display:block; width:100%; height:100%;}
.pop-sl-itm a img{width:100%; height:100%; object-fit:cover;}
.pop-sl-util-area , .pop-sl-util{display:flex;}
.pop-sl-util-area{gap:30px;justify-content: center;}
.pop-sl-pagination .swiper-pagination-bullet{width:50px; height:3px; opacity:1; background:#fff; border-radius:0;}
.pop-sl-pagination .swiper-pagination-bullet-active{background:#23c4c6}
.pop-sl-util{gap:20px;}
.pop-sl-util > div{display:flex; align-items:center;}
.pop-sl-info{ gap:8px}
.pop-sl-info span{font-weight:bold; font-size:20px; color:#c5c8cd}
.pop-sl-info  .pop-sl-count{color:#1f1f1f}

/*예약 프로그램*/
.total-pgm{display:flex; align-items: start; width:calc(100% - 645px);}
.total-pgm-tab{padding:40px 20px 0 20px; width:220px; background:#01499b; border-radius:30px 0 0 30px; position:relative;}
.total-pgm-tab:before{content:""; display:block; width:100px; height:100px; background:#01499b; left:100%; top:0; position:absolute;}
.total-pgm-tab button{width:100%; line-height:70px; background:transparent; padding:0 24px; border: none;  border-bottom:1px solid rgba(255,255,255,.3);
font-size:20px; color:#fff; font-weight:600; text-align:left; }
.total-pgm-tab button:first-child {color: #ffcc00;}
.total-pgm-tab button:last-child{border-bottom:none;}
.total-pgm-tab button.is-active{background:url(/resources/custom/images/apply/main/ico-arrow-right.png)#033369 no-repeat right 20px center;  border-radius:50px;
border-bottom:none;}
.total-pgm-con{padding:40px 40px 10px 40px; background:#fff; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); border-radius:30px; flex:1; z-index:1; width:calc(100% - 220px); min-height:100%;}
.total-pgm-box{display:none;}
.total-pgm-box.is-active{display:block;}
.total-pgm-box .tit-box{display:flex; align-items: center; justify-content:space-between; margin-bottom:30px; flex-wrap:wrap;}
.total-pgm-box .tit-box .tit{display:flex; align-items: center; }
.total-pgm-box .tit-box .tit h3{font-size:30px; font-weight:bold; color:#1f1f1f;}
.total-pgm-box .tit-box .tit p{margin-left:16px; padding-left:16px; font-size:20px; color:#1f1f1f; position:relative;}
.total-pgm-box .tit-box .tit p:after{content:""; display:block; width:1px; height:35px; position:absolute; left:0; top:50%; transform:translateY(-50%); background:#cecece}
.total-pgm-box .tit-box .tit p span{vertical-align:middle;}
.total-pgm-box .tit-box .tit p strong{color:#1c750a; font-family:"Gmarket"; font-size:48px;}
.pgm-list{max-height:480px; overflow-y:scroll;}
.pgm-list .pgm-itm > a{display:flex; padding:14px 0; border-bottom:1px solid #e0e4ea; align-items:start;}
.pgm-list .pgm-itm:last-child a{border-bottom:none;}
.pgm-itm .pgm-label {width:85px;}
.pgm-itm .pgm-label > span{padding:7px 10px; border-radius:4px; color:#fff; font-size:14px; display: inline-block;}
.pgm-itm .pgm-label > span.type01{background:#6d91d9}
.pgm-itm .pgm-label > span.type02{background:#9d9d9d}
.pgm-itm .pgm-label > span.type03{background:#3d3d3d}
.pgm-itm .pgm-label > span.type04{background:#7fbc64}
.pgm-itm .pgm-info{flex:1; width: calc(100% - 150px);}
.pgm-itm .pgm-info .pgm-tit{color:#232323; font-size:18px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; margin-bottom:10px; font-weight:500;}
.pgm-itm .pgm-info .pgm-date{color:#6a6a6a; font-weight:300;}

/************
section 02
*************/
.sc02{padding:50px 0; background:#2384c6;}
.sc02 .mainTxt{text-align:center; font-family:"Gmarket"; color:#fff; font-size:28px; margin-bottom:35px;}
.reserve-quick-box{display:flex; gap:30px}
.open-resveSrch{width:120px; height:90px; display:flex;background-image: radial-gradient(circle 248px at center, #16d9e3 0%, #30c7ec 47%, #46aef7 100%); border:none; 
font-family:'Gmarket';font-size:22px; color:#fff;  align-items:center; border:none;  justify-content:center;}

/* 빠른예약*/
.resveQuick{position:relative; width:100%; height: 90px; display:flex; border: 2px solid #000; border-radius: 50px 0 0 0; overflow:hidden;}
.resveQuick h2{display:flex; width:190px; line-height:1.5; font-family:'Gmarket'; text-align:center;
color:#fff; background:#004ea2; z-index:1; background:#124098; align-items: center; justify-content: center;}
.resveQuick .formBox{position:relative; background:#fff; padding:0; flex:1; display:flex; }
.resveQuick .formBox form{width:100%; height: 100%;}
.resveQuick .formBox fieldset{display:flex; border: none; height: 100%;}
.resveQuick .formBox p{position:relative; flex:1; }
.resveQuick .formBox p:before{content:""; display:block; position: absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:50px; color:#111; background:#cbcbcb; z-index: 1;   /* z-index: 2;*/}
.resveQuick .formBox p:after{content:""; display:block; position: absolute; right:30px; top:50%; transform:translateY(-50%); width:14px; height:8px; background:url(/resources/custom/images/apply/main/ico-select.png);}
.resveQuick .formBox p:last-child:before{display:none;}
/* .resveQuick .formBox p + p{margin-left: 3%;}*/
.resveQuick .formBox select{ height: 100%; position:relative; width:100%; height:100%; line-height:2.5rem; font-size:0.85rem; color:#111; padding:0; margin:0; border:0; font-size:18px;
padding: 0 40px; color:#4f4f4f;o-appearance: none;-webkit-appearance: none; -moz-appearance: none;appearance: none;}
.resveQuick .formBox select::-ms-expand { display: none;}
.resveQuick .formBox button{ width:200px; background:linear-gradient(90deg,rgba(10, 128, 214, 1) 0%, rgba(15, 207, 124, 1) 100%); padding-left:43px; position:relative;
font-family:'Gmarket';font-size:22px; color:#fff; border:none;}
.resveQuick .formBox button:after{content:""; display:block; width:23px; height:22px; background:url(/resources/custom/images/apply/main/ico-calendar.png); position:absolute; top:50%; transform:translateY(-50%); left:40px;}
.resveQuick a, .resveQuick button{transition: 0.3s; -webkit-transition: 0.3s;}

/* 빠른검색*/
.resveSrch{position:relative; width:100%; height:100%; margin-top:30px; display:none;}
.resveSrch.is-active{ display:flex;}
.resveSrch h2{display:flex; width:190px; line-height:1.5; font-family:'Gmarket'; text-align:center;
color:#fff; background:#009944; z-index:2;align-items: center; justify-content: center;}.resveSrch .formBox{position:relative; background:#fff; padding:1.5rem 1rem 1.5rem 14rem; }
.resveSrch h2 span{font-family:'Gmarket';  color:#fff; }
.resveSrch h2 span strong{font-family:'Gmarket';  color:#fff; display:block;}
.resveSrch .formBox{flex:1; position:relative; background:#fff; padding:0; flex:1;}
.resveSrch .formBox form{width:100%; height: 100%;}
.resveSrch .formBox fieldset{display:flex; border: none; height: 100%; align-items: center; padding-right: 20px; flex-wrap: wrap;}
.resveSrch .resveSrch-con{display:flex;flex:1; padding: 40px; flex-wrap:wrap; gap: 40px; width:calc(100% - 100px);}
.resveSrch #srchRsvValue{width: 100%;line-height: 2.5rem;font-size: 0.85rem;color: #111;padding-left: 12px; padding-top:12px; padding-bottom:12px; margin: 0;
    border: 0;border-bottom: 2px solid #000;background: url(/resources/custom/images/apply/common/ico-search.png) no-repeat right 12px center;}
.resveSrch .period-box{width:100%; display:flex; gap: 50px; align-items:center;}
.resveSrch .period-box .radio_style{display:flex; width:200px; gap:30px;}
.resveSrch .period-box .radio_style input[type='radio'] {flex-shrink:0;-webkit-appearance: none;  -moz-appearance: none;
  appearance: none; width: 13px;height: 13px;border: 1px solid #2384c6; border-radius: 50%;outline: none;cursor: pointer;}
.resveSrch .period-box .radio_style input[type='radio']:checked {background-color: #fff; border: 3px solid #2384c6; box-shadow: 0 0 0 1px #2384c6; }
.resveSrch .period-box .radio_style label{margin-left:12px; font-family:'Gmarket'; font-size:18px; font-weight:300;}
.resveSrch .period-box .period{display:flex;gap:10px;     align-items: center;}
.resveSrch .period-box .period input[type="date"]{padding:12px; min-width:200px; font-size: 16px; border:none; border-bottom: 2px solid #000;}
.resveSrch .formBox p{position:relative; flex:1; }
.resveSrch .formBox p:before{content:""; display:block; position: absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:20px; color:#111; background:#cbcbcb;     z-index: 2;}
.resveSrch .formBox p:after{content:""; display:block; position: absolute; right:30px; top:50%; transform:translateY(-50%); width:14px; height:8px; background:url(/resources/custom/images/apply/main/ico-select.png);}
/* .resveQuick .formBox p + p{margin-left: 3%;}*/
.resveSrch .formBox .resveSrch-con p:last-child:before{display:none;}
.resveSrch .formBox select{ height: 100%; position:relative; width:100%; height:100%; line-height:2.5rem; font-size:0.85rem; color:#111; padding:0; margin:0; border:0; font-size:18px;
padding: 0 40px; color:#4f4f4f;-o-appearance: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.resveSrch .formBox select::-ms-expand { display: none;}
.resveSrch .search{position: relative;}
.resveSrch .search input{ width:100%; height:2.5rem; line-height:2.5rem; font-size:0.85rem; color:#111; padding-left:2rem; margin:0; border:0; border-bottom:2px solid #000; background:url('/resources/images/T4_A_main/ico_search.png') no-repeat 0 center;}
.resveSrch .search button{width:100px; display:block; height:120px; color:#fff;  background:#009944 url(/resources/custom/images//apply/common/hd-ico-search.png )no-repeat top 24px center; border:none;
border-radius: 12px; font-family:'Gmarket';font-size:18px; color:#fff; display:flex; align-items:end; justify-content:center; padding-bottom:20px}
.resveSrch a, .resveSrch button{transition: 0.3s; -webkit-transition: 0.3s;}

/************
section 03
*************/
.sc03{padding:80px 0; background:#f4f5f6;}
.sc03 .tit-box{display:flex; align-items:center; justify-content:space-between; margin-bottom:50px;}
.new-pgm-con{display:flex; position:relative; align-items:start; padding-top:100px;}
.new-pgm-con:before{content:""; display:block; width:530px; height:740px; background:url(/resources/custom/images/apply/main/bg-cha.png) #79d7ff no-repeat right bottom;
position:absolute; left:-160px; top:0; border-radius:0 100px 30px 0;}
.new-pgm-con .desc{width:255px; text-align:center;  z-index:2;}
.new-pgm-con .desc h5{display:inline-block; border-bottom:1px solid rgba(255,255,255,.3); color:#fff; font-family:'Gmarket'; font-size:30px; line-height:1.5; padding-bottom: 40px;}
.new-pgm-sl{flex:1; width:calc(100% - 255px); overflow: visible; clip-path: inset(0 -100vw 0 0); margin-top: -50px;}
.new-pgm-list{display:flex;}
.new-pgm-itm{width:400px; }
.new-pgm-itm .pgm-itm-box{display: block; position:relative; padding:70px 50px 0 50px; width:100%;  min-height:460px; background:#fff; border-radius:32px; overflow: hidden; margin-top:-40px;}
.new-pgm-itm .pgm-label{display:flex; width:96px; height:96px; background:#1681ff; align-items:center; justify-content:center;
color:#fff; font-size:18px;  border-radius:100%; z-index:2; margin-left: 40px; position:relative;}
.new-pgm-itm .pgm-itm-box .pgm-tit{font-size:30px; font-weight:600; color:#242424;  white-space: nowrap;overflow: hidden;text-overflow: ellipsis; z-index:2; position:relative;}
.new-pgm-itm .pgm-itm-box .pgm-desc{line-height: 1.5; color:#5c5c5c; font-size:16px; display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; margin:20px 0;
z-index:2; position:relative;}
.new-pgm-itm .pgm-itm-box .pgm-info li{display:flex; gap:16px; align-items:center; margin-bottom:8px; z-index:2; position:relative;}
.new-pgm-itm .pgm-itm-box .pgm-info li span{display:inline-block; width:51px; line-height:30px; background:#e6e6e6; color:#5c5c5c; text-align:center; border-radius:30px;}
.new-pgm-itm .pgm-itm-box .pgm-info li p{color:#5c5c5c;}
.new-pgm-itm .pgm-itm-box .pgm-img{position:absolute; width:calc(100% - 50px); height:180px; right:0; bottom:0; border-radius:24px 0 24px 0; overflow:hidden; transition:all .3s;}
.new-pgm-itm .pgm-itm-box .pgm-img img{width:100%; height:100%; object-fit:cover;}
.new-pgm-itm .pgm-itm-box .pgm-more{width:100%; padding:16px 12px; background:#fff; font-family:"Gmarket"; color:#1681ff; font-size:20px; display: block; z-index:2; position:relative; border-radius:12px; display:none; margin-top:50px; text-align:center;}
.new-pgm-itm .pgm-info-box{display:flex; width:100%; margin-top:14px; padding:20px 0; background:#fff; border-radius:30px;}
.new-pgm-itm .pgm-info-box > div{text-align:center; display:flex; gap:16px; flex: 1;align-items: center;justify-content: center;}
.new-pgm-itm .pgm-info-box > div:first-child{border-right:1px solid #eee;}
.new-pgm-itm .pgm-info-box > div span{color:#4c4c4c; font-weight:600;}
.new-pgm-itm .pgm-info-box > div p{color:#0197d6; font-family:"Gmarket"; font-size:35px;}
.pgm-itm-box:hover .pgm-img{width:100%; height:100%;}
.pgm-itm-box:hover .pgm-img:after{content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,.7); position:absolute; left:0; top:0; }
.pgm-itm-box:hover .pgm-tit{color:#fff; }
.pgm-itm-box:hover .pgm-desc{color:#fff;}
.pgm-itm-box:hover .pgm-info li span{background:#fff; color:#5c5c5c}
.pgm-itm-box:hover .pgm-info li p{color:#fff;}
.pgm-itm-box:hover .pgm-more{display:block;}
.new-pgm-sl-util{display:flex; gap:17px; margin-top:30px; align-items: center; justify-content: center;}
.new-pgm-sl-util .swiper-pagination-bullet{width:70px; height:4px; background:#dae0ed; border-radius:0; opacity:1;}
.new-pgm-sl-util .swiper-pagination-bullet-active{background:#2c3038;}

/************
section 04
*************/
.sc04{padding:80px 0; }
.sc04 .con{display:flex; gap:50px;}
.noti-area{width:calc(100% - 50px - 400px);}
.noti-area .tit-box{margin-bottom:50px;}
.noti-itm{margin-bottom:24px;}
.noti-itm a{display:flex; padding:32px 24px; background:#fff; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); align-items:center; border-radius:24px;} 
.noti-itm .noti-label{width:100px; font-size:18px; color:#5182ff; }
.noti-itm .noti-tit{width:calc(100% - 200px); font-weight:600; color:#252525; font-size:18px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.noti-itm .noti-date{width:150px; text-align:right; color:#989898; font-family:'Gmarket'; font-weight:300;}
.qk-area{width:400px;}
.qk-itm { display:flex; height:200px; width:100%; flex-direction:column; gap:20px; justify-content:center; padding:0 140px 0 30px; border-radius:24px;}
.qk-itm h5{color:#fff; font-family:'Gmarket'; font-size:30px; }
.qk-itm p{color:#fff; font-size:18px; word-break: auto-phrase;}
.qk-itm.itm01{background:url(/resources/custom/images/apply/main/ico-qk01.png) #289cd2 no-repeat right 30px center; margin-bottom:20px;}
.qk-itm.itm02{background:url(/resources/custom/images/apply/main/ico-qk02.png) #2d6bc1 no-repeat right 30px center;}

@media all and (max-width:1500px){
		.pop-sl-box{width:500px;}
		.total-pgm{width:calc(100% - 524px);}
}
@media all and (max-width:1350px){
		.total-pgm-box .tit-box{margin-bottom:10px;}
		.total-pgm-box .tit-box .tit h3{font-size:24px;}
		.total-pgm-box .tit-box .tit p{margin-left:6px; padding-left:6px; font-size:18px;}
		.total-pgm-box .tit-box .tit p strong{font-size:40px;}
		.total-pgm-tab{width:200px;}
		.total-pgm-con{padding:40px 20px 10px 20px;}
		
		.reserve-quick-box{gap:10px;}
		
		.resveQuick h2{width:150px; font-size:18px;}
		.resveQuick .formBox select{padding:0 10px;}
		.resveQuick .formBox p:after{right:10px;}
		.resveQuick .formBox button{width:130px; font-size:18px;}
		.resveQuick .formBox button:after{left:12px}
		
		.resveSrch h2{width:150px; font-size:18px;}
		.resveSrch .formBox{width:calc(100% - 150px);}
		.resveSrch .formBox select{padding:0 10px;}
		.resveSrch .formBox p:after{right:10px;}
		
		
		
}
@media all and (max-width:1100px){
		.pop-sl-box{width:400px;}
		.total-pgm{width:calc(100% - 424px);}
		.total-pgm{flex-direction:column;}
		.total-pgm-tab{width:100%; display:flex; flex-wrap:wrap; padding: 20px; border-radius:24px 24px 0 24px; }
		.total-pgm-tab button{width:auto; padding:12px 40px 12px 12px; font-size:18px; line-height:1;}
		.total-pgm-tab button.is-active{ background: url(/resources/custom/images/apply/main/ico-arrow-right.png) #033369 no-repeat right 12px center;}
		.total-pgm-tab button:last-child{border-bottom: 1px solid rgba(255, 255, 255, .3);}
		.total-pgm-tab:before{left:unset; right:0; top:100%;}
		.total-pgm-con{width:100%; min-height:unset;}
		.pgm-list{max-height:350px;}	
		
		.resveSrch .period-box{flex-wrap:wrap; gap:10px;}
}
@media all and (max-width:900px){
		.sc01 .mainTxt{margin-bottom:20px;}
		.sc01 .mainTxt strong{display:block;}
		.sc01 .con{flex-direction:column;}
		.pop-sl-box{width:100%; height:400px;}
		.total-pgm{width:100%; flex-direction:row;}
		.total-pgm-tab{width:200px; border-radius:24px 0 0 24px;}
		.total-pgm-tab:before{right:0; top:0; left:100%;}
		.total-pgm-tab button{width:100%; line-height:30px;}
		.total-pgm-con{width:calc(100% - 200px); min-height: 500px;}
		.total-pgm-box .tit-box .tit p:after{height:20px;}
		.pgm-list{max-height:420px;}
		
		.noti-itm a{flex-direction:column; gap:10px; align-items: start;}
		.noti-itm .noti-tit{width:100%;}
		.noti-itm .noti-date{text-align:left;}
		.qk-itm{height:270px;}
		
}
@media all and (max-width:600px){
		.total-pgm{flex-direction:column;}
        .total-pgm-tab{width:100%; display:flex; flex-wrap:wrap; padding: 20px; border-radius:24px 24px 0 24px; }
        .total-pgm-tab button{width:auto; padding:12px 40px 12px 12px; font-size:16px; line-height:1;}
        .total-pgm-tab button.is-active{ background: url(/resources/custom/images/apply/main/ico-arrow-right.png) #033369 no-repeat right 12px center;}
        .total-pgm-tab button:last-child{border-bottom: 1px solid rgba(255, 255, 255, .3);}
        .total-pgm-tab:before{left:unset; right:0; top:100%;}
        .total-pgm-con{width:100%; min-height:unset;}
}
@media all and (max-width:767px){
		.tit-box > h3{font-size:32px;}
		
		.sc01{padding:30px 0;}
		.sc01 .mainTxt{font-size:20px;}
		.sc01 .mainTxt strong{font-size:32px;}
		.pop-sl-pagination .swiper-pagination-bullet {width:15px}
		
		.sc02 .mainTxt{font-size:24px; word-break:keep-all;}
		.reserve-quick-box{flex-wrap:wrap;}
		.resveQuick{flex-direction:column; border:none; border-radius:0; height:auto;}
		.resveQuick h2{line-height:60px;}
		.resveQuick .formBox{background:none;}
		.resveQuick .formBox fieldset{flex-wrap:wrap;}
		.resveQuick .formBox select{line-height:90px;}
		.resveQuick .formBox button{width:100%; line-height:50px; padding-left:0; margin-top:10px; border: 2px solid #000;}
		
		.open-resveSrch{line-height:50px; width:100%; height:auto; font-size:18px;}
		
		.resveSrch{flex-direction:column;}
		.resveSrch h2{line-height:60px; width: fit-content; padding:0 24px;}
		.resveSrch h2 span strong{display:unset;}
		.resveSrch .formBox{width:100%;}
		.resveSrch .formBox fieldset{flex-direction:column; padding:20px; gap:30px;}
		.resveSrch .resveSrch-con{width:100%; padding:0; gap:20px;}
		.resveSrch .formBox p{width:40%; flex:auto;}
		.resveSrch .search button{height: auto;padding: 12px 12px 12px 50px;width: auto; background: #009944 url(/resources/custom/images//apply/common/hd-ico-search.png) no-repeat 12px center;}
		
		.sc03 .tit-box{margin-bottom:30px;}
		.new-pgm-con{flex-direction:column; padding-top:50px; gap:30px;}
		.new-pgm-con:before{left:-12px; bottom:0; top:unset; height:100%;}
		.new-pgm-con .desc{width:100%; text-align:center; margin-bottom:30px;}
		.new-pgm-con .desc h5{padding-bottom:0; border-bottom:none; color:#121212; word-break: keep-all; font-size:22px;}
		.new-pgm-con .desc h5 br{display:none;}
		.new-pgm-sl{width:100%;}
		.new-pgm-itm .pgm-itm-box{padding:70px 20px 0 20px;}
		.new-pgm-itm .pgm-label{margin-left:20px;}
		.new-pgm-itm .pgm-itm-box .pgm-tit{font-size:22px;}
		.new-pgm-itm .pgm-itm-box .pgm-desc{margin:10px 0;}
		
		.sc04{padding:50px 0;}
		.sc04 .con{flex-direction: column; gap:30px;}
		.noti-area{width:100%;}
		.qk-area{width:100%;}
		.qk-itm{width:100%; height:auto; padding:50px 30px;}
		.qk-itm h5{text-shadow: 1px 1px 10px rgba(0, 0, 0, .3);}
		.qk-itm p{    text-shadow: 1px 1px 10px rgba(0, 0, 0, .3);}
		
		
}
@media all and (max-width:500px){
		.more-btn{margin: 0 auto;border: 1px solid #000; padding: 12px 40px 12px 12px; width:100%; max-width:300px;}
		.more-btn:after{right:12px}
		.more-btn:hover:after{right:4px;}
		
		.total-pgm-box .tit-box{margin-bottom:10px; gap:10px}
		.total-pgm-tab{gap:10px}
		.total-pgm-tab button{width:calc((100% - 10px) / 2); border:1px solid #fff; border-radius:30px; border-radius:12px;}
		.total-pgm-tab button.is-active{border-radius:12px; background: url(/resources/custom/images/apply/main/ico-arrow-right.png) #033369 no-repeat right 12px center; border:1px solid #033369;}
        .total-pgm-box .tit-box{flex-direction: column; align-items: start;}
        
        .resveQuick .formBox select{line-height:60px;}
        .resveQuick .formBox p{width:100%; flex:auto; }
        .resveQuick .formBox p:before{width:100%; height:1px; bottom:0; left:0; transform:unset; top: unset;}
        
        .resveSrch .period-box .period{flex-wrap:wrap;}
        .resveSrch .period-box .period > div{width:90%;}
        .resveSrch .period-box .period input[type="date"]{width:100%;}
        .resveSrch .formBox p{width:100%; }
        .resveSrch .formBox p:before{width:100%; height:1px; bottom:0; left:0; transform:unset; top: unset;}
        
        .sc03 .tit-box{flex-direction:column; gap:20px;}
        .new-pgm-itm{width:300px;}
        .new-pgm-sl-util .swiper-pagination-bullet{width:20px;}
}

/*애니메이션*/
.inflow{opacity:0;transform:translateY(50px);}
.inflow{animation-name:bContents;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.75s;}
@keyframes bContents{
  0%{}
  100%{opacity:1;transform:translateY(0);}
}
.animation{opacity: 0; transform: translateY(50%); transition: transform 0.75s;}
.animation.drop-down{transform: translateY(-50%);}
.animation.active{opacity: 1; transform: translateY(0);}