/*  32	a	@charset "utf-8"; */
::-moz-selection {
   background-color: #000;
   color: #fff;
}
::selection {
	background-color: #000;
	color: #fff;
}

@keyframes ani{
	0%{transform:translate(0,0);}
	100%{transform:translate(10px,20px)rotate(3deg);}
}    
@keyframes ani2{
	0%{transform:translate(0,0);}
	100%{transform:translate(-10px,-20px)rotate(5deg);}
}

.top_vis {position: relative;margin-top: 60px}
.top_vis .carousel .item .photo {aspect-ratio: 1 / .45;transition: all .4s}
.top_vis .left {position: absolute;left: 30px;top:calc(50% - 25px);cursor: pointer}
.top_vis .right {position: absolute;right: 30px;top:calc(50% - 25px);cursor: pointer}
.top_vis .wrap{height: 100%; display: flex; justify-content: center; align-items: center;}
.top_vis .segment{ text-align: center; }
.top_vis .segment .text{color:rgba(255,255,255,.7);}
.top_vis .segment .subject{font-size: 70px; line-height: 1.2em; margin-top: 10px; color:rgba(255,255,255,.7);font-style: italic}

.toolbar{}
.toolbar .date-container {width:100%; margin:0 auto; padding:30px 35px; border-radius: 20px; background: #fff; -webkit-box-shadow: 10px 10px 30px 0px rgba(136,136,136,0.25); -moz-box-shadow: 10px 10px 30px 0px rgba(136,136,136,0.25); box-shadow: 10px 10px 30px 0px rgba(136,136,136,0.25); margin-top: -63px;;transition: all .4s}

.toolbar .select-container{width:100%; position: absolute; top:140px; left:0; right:0; margin:0 auto; z-index: 2;}
.toolbar .select-container .select-inner{max-width: 752px; width:80%; background: #fff; border-radius: 20px; padding:35px; -webkit-box-shadow: 10px 10px 30px 0px rgba(136,136,136,0.25); -moz-box-shadow: 10px 10px 30px 0px rgba(136,136,136,0.25); box-shadow: 10px 10px 30px 0px rgba(136,136,136,0.25); display: none;}
.toolbar .select-container #out-date-container{margin-left:auto;}
.toolbar .select-container .select-inner .headline{display: flex; justify-content: space-between; align-items: start;}
.toolbar .select-container .select-inner .headline h4{font-family: 'Pretendard-SemiBold';}
.toolbar .select-container .select-inner .headline .return_btn{border: none;font-size: 12px; font-family: 'Pretendard-Regular';transition: color .2s;background: #f46936;color: #ffffff;padding:5px 20px;border-radius: 20px}
.toolbar .select-container .select-inner .headline .return_btn:hover{background:#fc5213}
.toolbar .select-container .select-inner .inputbox{display: flex; justify-content: start; margin-top: 20px;}
.toolbar .select-container .select-inner .inputbox .calender{position: relative; height: auto; width:50%; padding-right:30px;}
.toolbar .select-container .select-inner .inputbox .calender .ui-datepicker{position: relative !important; width: 100%;}
.toolbar .select-container .select-inner .inputbox .calender .ui-datepicker .ui-datepicker-header{padding:0; background: transparent; color:#000;}
.toolbar .select-container .select-inner .inputbox .calender .ui-datepicker .ui-datepicker-title{text-align: center; font-family: 'Pretendard-SemiBold';}
.toolbar .select-container .select-inner .inputbox .calender .ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year{margin-right:3px;}
.toolbar .select-container .select-inner .inputbox .calender .ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month{margin-right:0;}
.toolbar .select-container .select-inner .inputbox .calender .ui-datepicker .ui-datepicker-header .ui-datepicker-prev{left:55px; top:0; color: #888;}
.toolbar .select-container .select-inner .inputbox .calender .ui-datepicker .ui-datepicker-header .ui-datepicker-next{right:55px; top:0; color:#888;}
.toolbar .select-container .select-inner .inputbox .calender .ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon{background: url('/admin/assets/images/common/g_next.png') no-repeat; background-position:center center; background-size:10px;}
.toolbar .select-container .select-inner .inputbox .calender .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon{background: url('/admin/assets/images/common/g_back.png') no-repeat; background-position:center center; background-size:10px;}
.toolbar .select-container .select-inner .inputbox .calender .ui-datepicker .ui-datepicker-header .ui-state-hover{background: #ccc;}
.toolbar .select-container .select-inner .inputbox .calender .ui-datepicker .ui-state-highlight, .ui-widget-content .ui-state-highlight{color: #f46936;}
.toolbar .select-container .select-inner .inputbox .calender .ui-datepicker .ui-datepicker-calendar .ui-state-default{padding:9px 0;}
.toolbar .select-container .select-inner .inputbox .calender .ui-datepicker .ui-datepicker-calendar .ui-state-hover{background: #ff9d79; color:#fff;}
.toolbar .select-container .select-inner .inputbox .calender .ui-datepicker .ui-datepicker-calendar .ui-state-active{background:#f46936;color:#ffffff !important;}
.toolbar .select-container .select-inner .inputbox .calender .ui-datepicker table{border: none; margin-bottom: 0;}
.toolbar .select-container .select-inner .inputbox .calender .ui-datepicker th{font-weight:normal; font-size: 14px; font-family: 'Pretendard-Regular';}
.toolbar .select-container .select-inner .inputbox .calender .ui-datepicker .ui-datepicker-calendar tr td{font-size: 14px; font-family: 'Pretendard-Regular';}
.toolbar .select-container .select-inner .inputbox .select-time{position: relative; height: auto; width:50%; padding-left:30px; border-left:1px solid #ddd; display: none;}
.toolbar .select-container .select-inner .inputbox .select-time .selectdate{font-family: 'Pretendard-SemiBold';font-size: 16px; text-align: center; color:#555;}
.toolbar .select-container .select-inner .inputbox .select-time .timewrap{display: flex; justify-content: start; align-items: center; flex-wrap:wrap; margin-top: 20px;}
.toolbar .select-container .select-inner .inputbox .select-time .timewrap .bedge{width:25%; text-align: center;}
.toolbar .select-container .select-inner .inputbox .select-time .timewrap .bedge:nth-of-type(4) ~ .bedge{margin-top: 4%;}
.toolbar .select-container .select-inner .inputbox .select-time .timewrap .bedge .btn-primary{background: #f0f0f0; color:#333; border-radius: 30px; border-color:#f0f0f0; font-size: 14px; font-family: 'Pretendard-Regular';}
.toolbar .select-container .select-inner .inputbox .select-time .timewrap .bedge .btn-check:disabled+.btn{opacity: 1; background: #cfcfcf; border-color:#cfcfcf; color:#999;}
.toolbar .select-container .select-inner .inputbox .select-time .timewrap .bedge .btn-primary:hover{background: #f46936; color:#fff;}
.toolbar .select-container .select-inner .inputbox .select-time .timewrap .bedge .btn-check:checked+.btn{color:#ffffff !important;background: #f46936;border-color:#f46936;}

.main_01{margin-top: 70px;}
.banner_pr {border-radius: 20px;overflow: hidden;margin-bottom: 32px;cursor: pointer}
.banner_pr img {width: 100%}
.banner_pr img.pc {display: block}
.banner_pr img.mo {display: none}
.main_01 .card-outer{display: flex; justify-content: space-between; align-items: start; width:102%; margin-left:-1%; flex-wrap:wrap;}
.main_01 .card-outer .article{width:48%; margin:0 1%; border-radius: 32px; height: 780px; position: relative; overflow: hidden;}
.main_01 .card-outer .article::after{content: ""; position: absolute; left: 0; top: 0; height: 200%; width: 170%; background: rgba(0,0,0,.5); -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-transform: translateX(40%) translateY(25%) rotate(45deg); transform: translateX(40%) translateY(25%) rotate(45deg);}
.main_01 .card-outer .article:hover::after {-webkit-transform: translateX(-27%) translateY(-21%) rotate(45deg); transform: translateX(-27%) translateY(-21%) rotate(45deg);}
.main_01 .card-outer .article:nth-of-type(2) ~ .article{margin-top: 2%;}
.main_01 .card-outer .article .inner{padding:65px 60px; position: absolute; z-index: 1;}
.main_01 .card-outer .article:nth-of-type(2n + 1) .inner{top:0;}
.main_01 .card-outer .article:nth-of-type(2) .inner{bottom:0;}
.main_01 .card-outer .article:nth-of-type(3) .inner{right:0;text-align: right;color: #333 !}
.main_01 .card-outer .article .inner .segment{color:#fff; transition: color .5s;}
.main_01 .card-outer .article:nth-of-type(3) .inner .segment{color:#111; transition: color .5s;}
.main_01 .card-outer .article:hover .inner .segment{color:#fff !important;}
.main_01 .card-outer .article .inner .segment .subject{font-size: 42px; line-height: 1.3em; font-family: 'Pretendard-ExtraBold';font-style: italic}
.main_01 .card-outer .article .inner .segment .subtext{font-size: 20px; line-height: 1.5em; margin-top: 10px; font-family: 'Pretendard-Regular';}
.main_01 .card-outer .article .inner .segment .subtext span{white-space: nowrap;}
.main_01 .card-outer .article .car {position: absolute;left: -250px;bottom: 50px;z-index: 9;transition: all .5s}
.main_01 .card-outer .article .car img {width: 610px;transition: all .5s;}
.main_01 .card-outer .article .car {left: -200px}
.main_01 .card-outer .article:hover .car {left: -150px;}
.main_01 .card-outer .article:hover .car img {transition: all .5s;}

.main_02{margin-top: 40px;}
.main_02 .mapwrap{border-radius: 32px; border:1px solid #d9d9d9; overflow: hidden;}
.main_02 .mapwrap .map{width:100%; height: 520px; background: #ccc;}

@media screen and (max-width:1199px) {
	.top_vis .left img {width: 45px}
	.top_vis .right img {width: 45px}
	.top_vis .segment .subject{font-size: 60px;}
	
	.main_01 .card-outer .article{height: 600px;}
	.main_01 .card-outer .article .inner{padding:65px 40px;}
	.main_01 .card-outer .article .inner .segment .subject{font-size: 36px;}
	.main_01 .card-outer .article .inner .segment .subtext{font-size: 18px;}
	.main_01 .card-outer .article::after{transform:translateX(50%) translateY(25%) rotate(45deg); -webkit-transform: translateX(50%) translateY(25%) rotate(45deg);}
	.main_01 .card-outer .article .car{left:-380px;}
	.main_01 .card-outer .article:hover .car{left: -270px;}
}

@media screen and (max-width:1000px) {
	.top_vis .segment .subject{font-size: 50px;}
	
	.main_01 .card-outer .article .inner .segment .subject{font-size: 32px;}
	.main_01 .card-outer .article .inner .segment .subtext{font-size: 16px;}
}

@media screen and (max-width:939px) {
	.toolbar .select-container{width:100%;}
	.toolbar .select-container .select-inner{width:100%;}
}

@media screen and (max-width:780px) {
	.top_vis{margin-top: 60px}
	.top_vis .carousel .item .photo {aspect-ratio: 1 / .7;transition: all .4s}
	.top_vis .left img {width: 40px}
	.top_vis .right img {width: 40px}
	.top_vis .segment .subject{font-size: 42px;}
	
	.banner_pr img.pc {display: none}
	.banner_pr img.mo {display: block}
	
	.toolbar .select-container{top:auto; margin-top: 10px;}
	.toolbar .select-container .select-inner .inputbox .calender{padding-right:20px;}
	.toolbar .select-container .select-inner .inputbox .select-time{padding-left:20px;}
	
	.ui-datepicker .ui-datepicker-title{font-size: 14px;}
	.toolbar .select-container .select-inner .inputbox .calender .ui-datepicker th{font-size: 12px;}
	.toolbar .select-container .select-inner .inputbox .calender .ui-datepicker .ui-datepicker-calendar tr td{font-size: 12px;}
	
	.toolbar .select-container .select-inner .inputbox .select-time .selectdate{font-size: 14px;}
	.toolbar .select-container .select-inner .inputbox .select-time .timewrap .bedge .btn-primary{font-size: 12px;}
	
	.main_01 .card-outer{width:100%; margin-left:0; display: block;}
	.main_01 .card-outer .article{width:100%; margin-bottom:20px; height: 400px;}
	.main_01 .card-outer .article:last-of-type{margin-bottom: 0;}
	.main_01 .card-outer .article .inner{padding:30px;}
	.main_01 .card-outer .article:nth-of-type(2n + 1) .inner{right:0;}
	.main_01 .card-outer .article:nth-of-type(2n + 1) .inner .segment{text-align: right;}
	.main_01 .card-outer .article .car img{width: 550px;}
	.main_01 .card-outer .article::after{width:100%; height: 100%; transform:translateX(-101%) translateY(0%) rotate(0); -webkit-transform:translateX(-101%) translateY(0%) rotate(0);}
	.main_01 .card-outer .article:hover::after{transform:translateX(0%) translateY(0%) rotate(0); -webkit-transform:translateX(0%) translateY(0%) rotate(0);}
}

@media screen and (max-width:620px) {
	.toolbar .select-container .select-inner{width:350px;}
	.toolbar .select-container .select-inner .inputbox{display: block;}
	.toolbar .select-container .select-inner .inputbox .calender{width:100%; padding-right:0;}
	.toolbar .select-container .select-inner .inputbox .select-time{width:100%; padding-left:0; border-left:0; margin-top:20px;}
}

@media screen and (max-width:520px) {

	.top_vis .left img {width: 30px}
	.top_vis .right img {width: 30px}
	.top_vis .segment .subject{font-size: 36px;}
	
	.toolbar .date-container{padding:20px 20px 25px 20px;margin-top: -30px;transition: all .4s}
	
	.main_01 .card-outer .article{height: 500px; border-radius: 20px;}
	.main_01 .card-outer .article:last-of-type{margin-bottom: 0;}
	.main_01 .card-outer .article .inner{padding:30px;}
	.main_01 .card-outer .article:nth-of-type(2n + 1) .inner{right:0;}
	.main_01 .card-outer .article .car{bottom:0; left:-200px;}
	.main_01 .card-outer .article:hover .car{left:-150px;}
	.main_01 .card-outer .article .car img{width: 500px;}
	.main_01 .card-outer .article .inner .segment .subject{font-size: 28px;}
	.main_01 .card-outer .article .inner .segment .subtext{font-size: 15px;}
	
	.main_02 .mapwrap{border-radius: 20px;}
	.main_02 .mapwrap .map{height: 500px;}
}

@media screen and (max-width:420px) {
	.top_vis .segment .subject{font-size: 32px;}
	
	.toolbar .select-container .select-inner{width:100%; padding:25px 20px;}
	
	.ui-datepicker .ui-datepicker-title{font-size: 13px;}
	.toolbar .select-container .select-inner .inputbox .calender .ui-datepicker .ui-datepicker-header .ui-datepicker-next{top:-3px; right:50px;}
	.toolbar .select-container .select-inner .inputbox .calender .ui-datepicker .ui-datepicker-header .ui-datepicker-prev{top:-3px; left:50px;}
	.toolbar .select-container .select-inner .inputbox .calender .ui-datepicker th{font-size: 11px;}
	.toolbar .select-container .select-inner .inputbox .calender .ui-datepicker .ui-datepicker-calendar tr td{font-size: 11px;}
	.toolbar .select-container .select-inner .inputbox .calender .ui-datepicker .ui-datepicker-calendar .ui-state-default{padding:7px 0;}
	.toolbar .select-container .select-inner .inputbox .select-time .timewrap{margin-top: 15px;}
	.toolbar .select-container .select-inner .inputbox .select-time .selectdate{font-size: 13px;}
	.toolbar .select-container .select-inner .inputbox .select-time .timewrap .bedge .btn-primary{font-size: 11px;}
	
	.main_01 .card-outer .article .inner .segment .subject{font-size: 24px;}
	.main_01 .card-outer .article .inner .segment .subtext{font-size: 14px;}
}