
/* ¹Ì¸®º¸±â ÆË¾÷ */
.layerPop {display:none; position:fixed; top:0; left:0; z-index:1000; margin:0 !important; width:100%; height:100%; background:rgba(0,0,0,.50)}
.layerPop > .inner {overflow:hidden; position:fixed; top:50%; left:50%; max-width:90%; max-height:90%; width:1300px; padding:60px 0 0; background:#fff; transition:all .2s; transform:translate(-50%, -50%) scale(1)}
.layerPop > .inner > .tit {display:block; position:absolute; top:0; left:0; width:100%; padding:0 80px 0 30px; text-align:left; color:#fff; font-size:20px; font-weight:500; line-height:60px; background:#bb9817}
.layerPop > .inner > .tit::before {display:none;}
.layerPop > .inner .container {overflow-y:auto}
.layerPop > .inner .cont {padding:30px !important}
.layerPop > .inner .cont.bgGray {background-color:#f5f5f5;}
.layerPop > .inner .reason {width:100%; height:280px; font-size:15px; border:1px solid #e5e5e5;}
.layerPop > .inner > a {display:block; position:absolute; top:0; right:0; width:76px; height:62px; text-indent:-9999px; background:url('../images/ico-popup-close.png') no-repeat center}
.layerPop.on > .inner {-webkit-transform:translate(-50%, -50%) scale(1); -moz-transform:translate(-50%, -50%) scale(1); transform:translate(-50%, -50%) scale(1)}
.layerPop > .inner .cont .boxTit {margin:30px 0 10px 0; font-size:20px; font-weight:700; color:#b08a00;}
.layerPop > .inner .cont .grayBox {padding:30px; background-color:#f4f4f4;}
.layerPop > .inner .cont .grayBox table th {text-align:left; font-size:16px; font-weight:500; color:#000;}
.layerPop > .inner .cont .grayBox table td {height:60px;}
.layerPop > .inner .cont .grayBox table td input {height:50px; border:none;}
.layerPop > .inner .cont .grayBox .tip {margin-left:10px; font-size:14px; color:#666;}
.layerPop > .inner .cont .grayLine {display:flex; flex-direction:column; justify-content:center; border:1px solid #e5e5e5; padding:30px; min-height:160px;}
.layerPop > .inner .cont .grayLine strong {display:block; margin-bottom:24px; text-align:center; font-size:18px; font-weight:700;}
.layerPop > .inner .cont .grayLine span {display:block; text-align:center; font-size:16px; color:#000;}

.layerPop.type03 > .inner {background-color:transparent; padding-top:50px;}
.layerPop.type03 > .inner > a {display:block; position:absolute; top:0; right:0; width:50px; height:50px; text-indent:-9999px; background:url('../images/ico-popup-close-02.png') no-repeat center}
.layerPop.type03 > .inner .popWrap {overflow-y:auto; overflow-x:hidden; margin:30px 0 0 0;}
.layerPop.type03 > .inner .previewFlex {display:flex; justify-content:space-between; flex-wrap:wrap;}
.layerPop.type03 > .inner .previewFlex .popItem {width:420px; height:auto;}
.layerPop.type03 > .inner .previewFlex .popItem:nth-child(n+4) {margin-top:2%;}
.layerPop.type03 > .inner .previewFlex .popItem .tit {padding:0px 30px; height:50px; line-height:50px; font-size:18px; font-weight:500; color:#fff; background-color:#4373f8;}
.layerPop.type03 > .inner .previewFlex .popItem .popImage {overflow-y:auto; padding:30px; width:420px; height:310px; max-height:310px; background-color:#fff;}
.layerPop.type03 > .inner .previewFlex .popItem .popImage.noImg {padding:0; width:420px; height:360px; max-height:360px;}
.layerPop.type03 > .inner .previewFlex .popItem .popImage img {width:100%; height:auto;}
.layerPop.type03 > .inner .container .swiper-pagination.swiper-pagination-bullets {height:8px; text-align:center;}
.layerPop.type03 > .inner .container .swiper-pagination .swiper-pagination-bullet {width:8px; height:8px;}
.layerPop.type03 > .inner .container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {width:32px; border-radius:20px; background-color:#4373f8;}
.layerPop.mainPopup {display:block;}

.layerPop .todayChk {position:absolute; top:10px; right:80px;}
.layerPop .todayChk label {font-weight:bold; color:#fff; background:no-repeat center left; padding-left:40px;}

@media(min-width:1421px) {
	.layerPop.type03 > .inner .previewFlex .popItem {width:420px !important; height:auto;}
}
@media(max-width:1420px) {
	.layerPop.type03 > .inner .popWrap {padding-bottom:40px;}
	.layerPop.type03 > .inner .previewFlex {justify-content: unset; flex-wrap: nowrap;}
	.layerPop.type03 > .inner .previewFlex .popItem {width:49%; height:auto;}
	.layerPop.type03 > .inner .previewFlex .popItem:nth-child(n+3) {margin-top:0;}
	.layerPop.type03 > .inner .previewFlex .popItem .popImage {overflow-y:auto; padding:30px; width:100%; height:auto; max-height:410px; background-color:#fff;}
	.layerPop.type03 > .inner .previewFlex .popItem .popImage.noImg {overflow:hidden; width:100%; height:100%; max-height:460px;}
	.layerPop.type03 > .inner .previewFlex .popItem .popImage.noImg img {width:100%; height:100%; object-fit:cover;}
}
@media(max-width:767px) {
	.layerPop.type03 > .inner .popWrap {padding-bottom:30px; margin:15px 0;}
	.layerPop > .inner {padding:60px 15px 0;}
}
@media (max-width: 450px) {
	.layerPop.type03 > .inner .previewFlex .popItem .popImage {max-height:310px;}
	.layerPop.type03 > .inner > a {top:20px; right:15px; width:30px; height:30px; background-size:cover;}
	.layerPop .todayChk {top:20px; right:60px;}
	.layerPop .todayChk label {background-size:20px; padding-left:30px;}
}
