@charset "utf-8";
@import url(./contents.css);

body {background:#fff;}
#wrap {padding-top:0 !important;}
.pageGotoTopScroll {display:none !important;}
#headerWrap:not(.active) {background:transparent; box-shadow:none; border-bottom:1px solid #ddd;}
#footerWrap {border-top:1px solid rgba(0, 41, 80, 0.1);}

#m_conts {min-height:20rem; padding-top:10rem; background:url(../img/main/bak_body.jpg) no-repeat top right / auto 100%;}
@media all and (max-width:1024px) {
	#m_conts {padding-top:calc((56 / 15) * 1.8rem);}
	#headerWrap {z-index:999999;}
	#headerWrap:before {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; backdrop-filter:blur(5px);}
}

/*******************************************************
	mainIntroWrap
*******************************************************/

.mainIntroWrap {padding:7.2rem 0;}
.mainIntroWrap > .inner {display:flex; justify-content:space-between; align-items:center; gap:2rem; max-width:155.8rem; margin:0 auto;}

.mainSearch {display:block; position:relative; width:62rem; max-width:50%; flex-shrink:0;}
.mainSearch h2 {display:block; position:relative; margin:0 auto 5.2rem; width:48.2rem; background:url(../img/main/tit_search.svg) no-repeat 50% 50% / contain;}
.mainSearch h2:before {content:""; display:block; padding-top:calc(190 / 482 * 100%);}
.mainSearch h2 > * {display:block; position:absolute; top:0; left:0; text-indent:-999px; overflow:hidden; width:0; height:0; opacity:0;}
.mainSearch ul {display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:.4rem 1rem; margin-bottom:1.7rem;}
.mainSearch ul li {display:flex; align-items:center; gap:.5rem 1rem; position:relative; padding-left:4.5rem; padding-right:1rem;}
.mainSearch ul li:before {content:""; display:block; position:absolute; top:50%; left:1rem; margin-top:-1.25rem; width:2.5rem; height:2.5rem; background:url(../img/main/spr_main.svg) no-repeat 0 0 / 13rem auto;}
.mainSearch ul li[data-type="lrea"]:before {background-position:-3.5rem 0;}
.mainSearch ul li.bar {padding:0; width:5px; height:5px; border-radius:100%; background:rgba(17,17,17,.2);}
.mainSearch ul li.bar:before {display:none;}
/*.mainSearch ul li span i {display:block; font-size:1.5rem;}*/
.mainSearch ul li span i {font-size:1.5rem;}
.mainSearch ul li strong {font-weight:700;}
.mainSearch .searchBox {display:block; position:relative; border-radius:9em; background:#fff; border:1px solid #000; box-shadow:0 0 4rem 0 rgba(0,94,216,.15);}
.mainSearch .searchBox input[type="text"] {border:none; height:7rem; width:100%; border-radius:9em; background:transparent; padding:0 18rem 0 4rem;}
.mainSearch .searchBox .btn-search {position:absolute; width:16.3rem; height:5.4rem; top:50%; margin-top:-2.7rem; right:.8rem; border-radius:9em; white-space:nowrap; font-weight:700; letter-spacing:-.25%; text-align:left; padding:0 5rem 0 2rem; background:#002950; color:#fff; font-weight:700;}
.mainSearch .searchBox .btn-search:after {content:""; display:block; position:absolute; width:2rem; height:2rem; right:2rem; top:50%; margin-top:-1rem; background:url(../img/main/spr_main.svg) no-repeat 0 -7rem / 13rem auto;}

.mainSlider {display:block; position:relative; width:75rem; max-width:100%;}
.mainSlider .control {display:flex; align-items:center; position:absolute; z-index:1; padding:0 1rem; justify-content:space-between; left:3rem; bottom:3rem; background:#fff; border-radius:9em; height:4rem; width:11.1rem;}
.mainSlider .control > * {display:block; width:3rem; height:3rem; text-indent:-999px; overflow:hidden; background:url(../img/main/spr_main.svg) no-repeat 0 -3rem / 13rem auto;}
.mainSlider .control .prev {background-position-x:0;}
.mainSlider .control .next {background-position-x:-9rem;}
.mainSlider .control .stop {background-position-x:-3rem;}
.mainSlider .control .play {background-position-x:-6rem; display:none;}
.mainSlider .slider {position:relative; z-index:0;}
.mainSlider .slider .swiper-slide > a {display:block; position:relative; overflow:hidden;}
.mainSlider .slider .swiper-slide > a:before {content:""; display:block; padding-top:calc(500 / 900 * 100%);}
.mainSlider .slider .swiper-slide > a img {display:block; position:absolute; top:0; left:0; width:100%; object-fit:cover;}

@media all and (max-width:1024px) {
	.mainIntroWrap > .inner {display:block;}
	.mainSearch {max-width:100%; margin:0 auto 2rem;}
	.mainSlider {max-width:100%; margin:0 auto;}
}
@media all and (max-width:620px) {
	.mainSearch h2 {max-width:90%;}
	.mainSearch ul {display:block; margin-bottom:3rem;}
	.mainSearch ul li.bar {display:none;}
	.mainSearch ul li + li {margin-top:1rem;}
	.mainSearch ul li {margin:0 1rem; justify-content:space-between;}
	.mainSearch ul li span i {display:inline-block;}
	.mainSearch ul li strong {white-space:nowrap; flex-shrink:0;}	
}
@media all and (max-width:440px) {
	.mainSearch .searchBox input[type="text"] {padding-right:7rem; padding-left:2.5rem;}
	.mainSearch .searchBox .btn-search {width:5.4rem; text-indent:-999px; overflow:hidden; padding:0;}
	.mainSearch .searchBox .btn-search:after {right:auto; left:50%; margin-left:-1rem;}
}

/*******************************************************
	mainQuick Wrap
*******************************************************/

.mainQuickWrap {position:relative; margin:0 calc(var(--pagePad) * -1); padding:7.3rem var(--pagePad) 0; overflow:hidden;}
.mainQuickWrap > .inner {display:flex; align-items:end; position:static; max-width:155.8rem; gap:1rem 2rem;}
.mainQuickWrap > .inner:before {content:""; display:block; position:absolute; left:0; right:0; top:7.3rem; bottom:0; background:#fff;}
.mainQuickWrap h3 {position:relative; width:29.7rem; height:9rem; line-height:9rem; font-size:2.4rem; color:#fff; padding-left:7.9rem; margin-top:-1.1rem; z-index:1;}
.mainQuickWrap h3:before {content:""; display:block; position:absolute; left:-5.2rem; top:-6.2rem; width:13.1rem; height:12.6rem; background:url(../img/main/img_quick.png) no-repeat 50% 50% / contain;}
.mainQuickWrap h3:after {content:""; display:block; position:absolute; left:-50vw; top:0; right:0; bottom:0; z-index:-1; background:#002950; border-radius:0 5rem 0 0;}
.mainQuickWrap ul {display:flex; align-items:center; width:calc(100% - 31.7rem); position:relative; justify-content:center; z-index:0; height:8rem; flex-grow:1;}
.mainQuickWrap ul li.bar {padding:0; width:5px; height:5px; border-radius:100%; background:rgba(17,17,17,.2); margin:0 6rem;}
.mainQuickWrap ul a {display:block; position:relative; font-weight:500;}

@media all and (max-width:1600px) {
	.mainQuickWrap ul li.bar {margin:0 4rem;}
}
@media all and (max-width:1340px) {
	.mainQuickWrap ul li.bar {margin:0 2rem;}
}
@media all and (max-width:1150px) {
	.mainQuickWrap h3 {width:20rem; font-size:2rem; padding-left:2rem;}
	.mainQuickWrap h3:before {left:-8rem; top:-9rem;}
}
@media all and (max-width:1024px) {
	.mainQuickWrap {padding:0; overflow:visible; margin-top:4rem;}
	.mainQuickWrap > .inner {display:block; background:#fff; padding:0 var(--pagePad);}
	.mainQuickWrap > .inner:before {display:none;}
	.mainQuickWrap h3 {position:absolute; left:var(--pagePad); top:-3.5rem; width:auto; font-size:2.4rem; background:#002950; border-radius:9em; padding:0 5rem 0 8rem; height:7rem; line-height:7rem;}
	.mainQuickWrap h3:before {top:-6.2rem; left:-5.2rem;}
	.mainQuickWrap h3:after {display:none;}
	.mainQuickWrap ul {display:block; padding:5rem 1rem 3rem; height:auto; width:auto; overflow:hidden;}
	.mainQuickWrap ul li.bar {display:none !important;}
	.mainQuickWrap ul li {display:block; position:relative; padding-left:1.5rem; margin:.5rem 0; float:left; width:33.33%;}
	.mainQuickWrap ul li:before {content:""; display:block; position:absolute; top:50%; left:0; width:5px; height:5px; border-radius:100%; background:rgba(17,17,17,.2); margin:-2px 0 0 0;}
}
@media all and (max-width:720px) {
	.mainQuickWrap ul li {width:50%;}
}
@media all and (max-width:430px) {
	.mainQuickWrap ul li {width:100%;}
}

/********************************************
	Layor Popup
********************************************/
.layer-popup{display:none; position:fixed; left:50%; top:45%; max-width:700px; background:#fff; border-radius:18px; box-shadow:0 15px 50px rgba(20,55,110,.25); transform:translate(-50%,-50%); overflow:hidden; z-index:10000;}
.layer-popup img{display:block; width:100%; height:auto;}
.layer-popup .popup-bottom{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; padding:1rem 2rem; background:#fff;}
.layer-popup .popup-today{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.layer-popup .popup-today input{margin:0 7px 0 0;}
.layer-popup .popup-today label{color:#555; font-size:1.6rem;}
.layer-popup .btn_close{min-width:7rem; height:3.4rem; padding:0 1.6rem; font-size:1.6rem;color:#fff; font-weight:700; background:#333; border:0; border-radius:5px; cursor:pointer;}
.layer-popup .blind{overflow:hidden; position:absolute; width:1px; height:1px; margin:-1px; padding:0; clip:rect(0,0,0,0); border:0;}

@media all and (max-width:600px){
	.layer-popup{width:calc(100% - 30px); border-radius:12px;}
	.layer-popup .popup-bottom{padding:12px 14px;}
	.layer-popup .popup-today label{font-size:13px;}
	.layer-popup .btn_close{min-width:60px; height:34px; padding:0 12px;}
}