@charset "utf-8";
/* 우정사업보센터 메인화면 리뉴얼 2023-09 */

body {background:#fff;} 
/* .context_width {width:100%;margin:0 auto;} */
._diu_blind {overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;left:-10000px;line-height:0;}
._diu_btn {padding:0;border:none;background:none;cursor:pointer;}


/* container */
#container * {/*box-sizing:border-box;font-family:'Pretendard',sans-serif;font-weight:500;*/}

/* main_visual */
.main_visual {position:relative;width:100%;height:373px;/*overflow:hidden;*/}
.main_visual * {box-sizing:border-box;}
.main_visual .control {font-size:0;position:absolute;right:22px;bottom:19px;width:183px;height:36px;padding:0 10px;text-align:right;border-radius:18px;background-color:rgba(255,255,255,.9);z-index:2;}
.main_visual .control .total {display:inline-block;margin-right:12px;vertical-align:middle;line-height:36px;}
.main_visual .control .total span {display:inline-block;}
.main_visual .control .total .current {font-size:18px;color:#05054c;font-family:'Pretendard',sans-serif;font-weight:700 !important;}
.main_visual .control .total .count {margin-left:4px;font-size:16px;color:#65696e;font-family:'Pretendard',sans-serif;font-weight:400 !important;/*vertical-align:bottom;*/}
.main_visual .control .total .count::before {content:'-';margin-right:5px;line-height:23px;}
.main_visual .control .btn {width:25px;height:36px;background-color:transparent;background-position:center;background-repeat:no-repeat;}
.main_visual .control .stop {background-image:url(../images/new_2023/icon_visual_stop.png);}
.main_visual .control .play,
.main_visual .control .stop.on {background-image:url(../images/new_2023/icon_visual_play.png);}
.main_visual .control .prev {background-image:url(../images/new_2023/icon_visual_prev.png);}
.main_visual .control .next {background-image:url(../images/new_2023/icon_visual_next.png);}
.main_visual .slide,
.main_visual .slick-list,
.main_visual .slick-track {width:100%;height:100%;}
.main_visual .slick-list {overflow:inherit;}
.main_visual .slick-slider {padding:0 !important;margin-bottom:0;border-radius:30px 0 30px 0;box-shadow:11px 17px 15px 0px rgba(38, 41, 45, 0.24);}
.main_visual .slide .slick-slide > div,
.main_visual .slide .item {position:relative;width:100%;height:100%;}
.main_visual .slide .item::before {content:'';clear:both;position:absolute;left:0;top:0;width:100%;height:100%;border-radius:30px 0 30px 0;z-index:1;}
.main_visual .slide .item::after {content:'';clear:both;position:absolute;right:0;bottom:0;width:100%;height:100%;z-index:2;background-position:right bottom;background-repeat:no-repeat;background-size:auto 100%;}
.main_visual .slide .item .txt {position:relative;z-index:3;display:flex;flex-wrap:wrap;padding-left:78px;height:100%;align-content:center;}
.main_visual .slide .item .txt span {display:inline-block;width:100%;font-family:'SEBANGGothic' !important;font-weight:400 !important;}
.main_visual .slide .item .txt .small {margin:3px 0 21px 3px;/*color:#fa7577;*/color:#E66163;font-size:34px;}
.main_visual .slide .item .txt .big {color:#002e42;font-size:52px;font-weight:700 !important;}
.main_visual .slide .item.visual01::before {background-color:#fffce0;}
.main_visual .slide .item.visual01::after {background-image:url(../images/new_2023/img_visual01.png);}
.main_visual .slide .item.visual02::before {background-color:#e9fff4;}
.main_visual .slide .item.visual02::after {height:calc(100% + 11px);background-image:url(../images/new_2023/img_visual02.png);}
.main_visual .slide .item.visual03::before {background-color:#edf8ff;}
.main_visual .slide .item.visual03::after {height:calc(100% + 4px);background-image:url(../images/new_2023/img_visual03.png?ver=230922);}
.main_visual .slide .item.visual04::before {background-color:#ffeff5;}
.main_visual .slide .item.visual04::after {height:calc(100% + 13px);background-image:url(../images/new_2023/img_visual04.png);}

/* main_content */
#main_content {width:100%;margin-top:70px;}
#main_content::after {content:'';clear:both;display:block;}
#main_content * {box-sizing:border-box;font-family:'Pretendard',sans-serif;font-weight:500;}

/* board_area */
#main_content .board_area {float:left;/*width:756px;*/width:calc(100% - 444px);}
#main_content .board_area h2 {font-size:20px;color:#2f3a4c;font-family: 'SEBANGGothic';font-weight: 700;}
#main_content .board_area .more {position:absolute;right:3px;top:7px;padding-right:23px;color:#8b8e90;font-size:14px;font-family: 'SEBANGGothic';font-weight: 400;}
#main_content .board_area .more i {position:absolute;right:0;top:0;width:13px;height:13px;transition:all 0.3s;}
#main_content .board_area .more i::before,
#main_content .board_area .more i::after {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:#838588;}
#main_content .board_area .more i::before {top:5px;height:3px;}
#main_content .board_area .more i::after {left:5px;width:3px;}
#main_content .board_area .more:hover i {transform:rotate(180deg);}
#main_content .board_area .board {position:relative;float:left;/*width:357px;*/width:calc(50% - 21px);margin-top:26px;}
#main_content .board_area .board:nth-child(even) {float:right;}
#main_content .board_area .board ul {width:100%;height:259px;margin-top:21px;overflow:hidden;border:1px solid #cfd0d1;border-radius:20px 0 20px 0;}
#main_content .board_area .board li {position:relative;}
#main_content .board_area .board .tit {color:#303336;font-weight:700 !important;}
#main_content .board_area .news_letter,
#main_content .board_area .notice {margin-top:59px;}
#main_content .board_area .board a:hover .tit {text-decoration:underline;}
#main_content .news_letter ul {padding:19px;}
#main_content .news_letter li + li {margin-top:5px;}
#main_content .news_letter a {display:flex;align-items:center;}
#main_content .news_letter .img {position:relative;display:inline-block;width:107px;height:107px;border-radius:12px;overflow:hidden;}
#main_content .news_letter .img img {width:100%;height:100%;object-fit:cover;transform:scale(1);transition: all 0.3s;}
#main_content .news_letter a:hover .img img {-webkit-transform:scale(1.15);transform:scale(1.15);}
#main_content .news_letter .tit {margin-left:17px;color:#303336;line-height:1.45em;font-weight:700;display:inline-block;width:calc(100% - 126px);/*overflow:hidden;white-space:nowrap;text-overflow:ellipsis;*/}
#main_content .bid_basic ul {padding:36px 27px 27px;}
#main_content .bid_basic ul a {display:block;}
#main_content .bid_basic .bid_top {margin-bottom:22px;padding-bottom:17px;}
#main_content .bid_basic .bid_top::before {content:'';position:absolute;left:0;bottom:0;width:calc(100% - 2px);height:1px;background:url(../images/new_2023/li_bid.png) left bottom repeat-x;}
#main_content .bid_basic .bid_top .tit_group {position:relative;display:flex;align-items:center;padding-left:76px;height:2.9em;}
#main_content .bid_basic .bid_top .tit_group .tit {width:100%;font-size:18px;line-height:1.45em;max-height:2.9em;word-break:keep-all;word-wrap:break-word;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
#main_content .bid_basic .bid_top .tit_group .date {position:absolute;left:0;top:0;height:100%;padding-top:32px;} 
#main_content .bid_basic .bid_top .tit_group .date span {display:block;}
#main_content .bid_basic .bid_top .tit_group .date .ym {font-size:15px;font-weight:400 !important;color:#0d2038;} 
#main_content .bid_basic .bid_top .tit_group .date .day {position:absolute;left:0;top:-2px;font-size:30px;font-weight:700 !important;color:#df6161;} 
#main_content .bid_basic .bid_top .txt {margin-top:12px;width:100%;line-height:1.5em;height:3em;word-break:keep-all;word-wrap:break-word;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
#main_content .bid_basic li:not(.bid_top) + li {margin-top:13px;}
#main_content .bid_basic li:not(.bid_top) .tit {padding-left:18px;position:relative;display:inline-block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#main_content .bid_basic li:not(.bid_top) .tit::before {content:'';position:absolute;left:4px;top:50%;width:3px;height:3px;margin-top:-2px;background-color:#929292;}
#main_content .bid_information ul {padding:6px 23px 19px 19px;}
#main_content .bid_information li + li::before {content:'';position:absolute;left:0;top:0;width:calc(100% - 1px);height:1px;background:url(../images/new_2023/li_bid.png) left bottom repeat-x;}
#main_content .bid_information li a {display:block;text-align:right;padding:23px 0 17px;}
#main_content .bid_information li .tit {margin-bottom:9px;color:#585b5e;text-align:left;display:inline-block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#main_content .bid_information li .item {color:#636566;font-size:14px;font-weight:400 !important;}
#main_content .bid_information li .item + .item {margin-left:3px;}
#main_content .bid_information li .item + .item::before {content:'/';margin-right:4px;}
#main_content .bid_information li .item.cate {font-weight:700 !important;}

/* popup_area */
#main_content .popup_area {float:right;width:362px;}
#main_content .popup_area * {font-family: 'SEBANGGothic';font-weight:500;}
#main_content .popup_area h2 {font-size:22px;color:#4b4f51;font-weight: 700 !important;}
#main_content .popup_area .reservation {width:100%;height:144px;/*background:url(../images/new_2023/bg_reservation.png) right bottom no-repeat;background-size:cover;*/}
#main_content .popup_area .reservation a {position:relative;display:block;width:100%;height:100%;padding:45px 0 0 40px;}
#main_content .popup_area .reservation a::before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;border-radius:20px 0 20px 0;z-index:-1;
/*background:url(../images/new_2023/bg_reservation.png) right bottom no-repeat;background-size:cover;*/background:linear-gradient(135deg,rgba(223,97,97,1) 64%,rgba(205,57,82,1) 100%);box-shadow:8px 10px 21px 0px rgba(30, 30, 30, 0.21);transition:all 0.3s;}
#main_content .popup_area .reservation .reservation_wrap {position:relative;display:inline-block;padding-left:67px;}
#main_content .popup_area .reservation .reservation_wrap::before {content:'';position:absolute;left:0;top:10px;width:41px;height:36px;background:url(../images/new_2023/icon_reservation.png) center no-repeat;}
#main_content .popup_area .reservation em,
#main_content .popup_area .reservation span {display:inline-block;color:#fff;}
#main_content .popup_area .reservation em {width:100%;font-size:20px;font-weight:700;}
#main_content .popup_area .reservation span {font-size: 15px;line-height:1.3;margin-top:6px;font-family: 'Pretendard',sans-serif;}
#main_content .popup_area .reservation a:hover::before {box-shadow:8px 10px 21px 0px rgba(30, 30, 30, 0.21);}
#main_content .main_popup {position:relative;margin-top:24px;padding-top:5px;}
#main_content .main_popup h2 {margin-left:6px;}
#main_content .main_popup .control {position:absolute;right:2px;top:0;}
#main_content .main_popup .control.ctr_hide {display:none;}
#main_content .main_popup .control .btn {float:left;margin-left:3px;width:32px;height:32px;border-radius:50%;background-color:#e4eaef;background-position:center;background-repeat:no-repeat;}
#main_content .main_popup .control .stop.on {background-image:url(../images/new_2023/icon_popup_play.png);}
#main_content .main_popup .control .stop {background-image:url(../images/new_2023/icon_popup_stop.png);}
#main_content .main_popup .control .prev {background-image:url(../images/new_2023/icon_popup_prev.png);}
#main_content .main_popup .control .next {background-image:url(../images/new_2023/icon_popup_next.png);}
#main_content .main_popup .slide {width:100%;margin-top:23px;}
#main_content .main_popup .slick-slider {padding:0 !important;margin-bottom:0;}
#main_content .main_popup .slide .item a:focus img {border:2px solid #000;}
#main_content .main_popup .slide .slick-slide {border:0 none;margin-bottom:27px;}
#main_content .main_popup .slide .slick-slide > div {width:100%;height:220px;/*overflow:hidden;*/}
#main_content .main_popup .slide .slick-slide > div + div {margin-top:27px;}
#main_content .main_popup .slide .item {width:100%;height:100%;}
#main_content .main_popup .slide .item img {width:100% !important;height:220px;/*height:100%;*//*object-fit:cover;*/border-radius:20px;/*box-shadow:8px 10px 21px 0px rgba(30, 30, 30, 0.21);*/}
#main_content .main_popup .slide .item a {display:block;width:100%;height:100%;}



@media all and (min-width:1181px) {	
	#main_content .main_popup .slick-list {/*overflow:inherit;*/height:467px !important;}
	#main_content .main_popup .control .prev {transform:rotate(-90deg);}
    #main_content .main_popup .control .next {transform:rotate(-90deg);}
}
@media all and (max-width:1280px) {	
	#main_content .board_area {width:calc(100% - 402px);}
	#main_content .board_area .board {width:calc(50% - 20px);}
}

@media all and (max-width:1180px) {	
	.main_visual {height:300px;}
	.main_visual .slide .item .txt {padding-left:65px;}
	.main_visual .slide .item .txt .small {font-size:27px;}
	.main_visual .slide .item .txt .big {font-size:41px;}
	.main_visual .slide .item.visual02::after,
	.main_visual .slide .item.visual03::after,
	.main_visual .slide .item.visual04::after {height:calc(100% + 3px);}
	.main_visual .control .total .count {}
	.main_visual .control .total {}

	#main_content {margin-top:33px;}
	#main_content .board_area,
	#main_content .popup_area {float:none;width:100%;clear:both;}
	#main_content .board_area::after,
	#main_content .popup_area::after {content:'';clear:both;display:block;}
	#main_content .board_area .board {width:calc(50% - 15px);}
	#main_content .board_area .news_letter, 
	#main_content .board_area .notice {margin-top:34px;}

	#main_content .popup_area {margin-top:40px;}
	#main_content .popup_area .reservation {text-align:center;}
	#main_content .popup_area .reservation a {padding:0 20px 0 40px;display:flex;justify-content:center;align-items:center;}
	#main_content .popup_area .reservation .reservation_wrap {text-align:left;margin-top:6px;}
	#main_content .popup_area .reservation .reservation_wrap::before {top:50%;margin-top:-19px;}
	#main_content .popup_area .reservation span {margin-top:7px;word-break:keep-all;word-wrap:break-word;}
	#main_content .popup_area .reservation span br {display:none;}
	#main_content .main_popup {margin-top:54px;overflow:hidden;}
	#main_content .main_popup h2 {margin-left:0;}
	#main_content .main_popup .control {right:0;}
	#main_content .main_popup .slick-slider {margin-bottom:0;}
	#main_content .main_popup .slide .slick-list {margin:0 -15px;} 
	#main_content .main_popup .slide .slick-slide {margin:0 15px;} 	
	#main_content .main_popup .slide .slick-slide > div {height:auto;}
}

@media all and (max-width:768px) {
	.main_visual {height:255px;}
	.main_visual .slick-slider,
	.main_visual .slide .item::before {border-radius:20px 0 20px 0;}
	.main_visual .slide .item .txt {padding-left:26px;}
	.main_visual .slide .item .txt .small {font-size:22px;margin-bottom:14px;margin-left:2px;}
	.main_visual .slide .item .txt .big {font-size:34px;}
	.main_visual .control {right:20px;bottom:16px;width:auto;height:30px;border-radius:15px;padding:0 15px 0 20px}
	.main_visual .control .total {margin-right:6px;line-height:30px;}
	.main_visual .control .total .current {font-size:16px;}
	.main_visual .control .total .count {font-size:13px;}
	.main_visual .control .btn {width:24px;height:30px;/*background-position:center 7px;*/}

	#main_content .board_area .board,
	#main_content .board_area .board:nth-child(even) {float:none;width:100%;}
	#main_content .board_area .board {margin-top:30px;}
	#main_content .board_area h2 {font-size:18px;}
	#main_content .board_area .more {top:4px;}
	#main_content .board_area .board ul {height:240px;margin-top:14px;}	
	#main_content .board_area .board.bid_basic ul {height:220px;padding:27px 20px 22px;}
	#main_content .bid_basic .bid_top .tit_group .tit,
	#main_content .bid_basic .bid_top .txt {word-break:break-word;}
	#main_content .bid_basic .bid_top .txt {height:auto;-webkit-line-clamp:1;}
	#main_content .bid_information ul {padding:2px 20px 19px;}
	#main_content .bid_information li a {padding:22px 0 16px;}
	#main_content .news_letter ul {padding:20px;}
	#main_content .news_letter li + li {margin-top:8px;}
	#main_content .news_letter .img {width:95px;height:95px;}
	#main_content .news_letter .tit {width:calc(100% - 112px);}

	#main_content .popup_area {margin-top:30px;}
	#main_content .popup_area .reservation em {font-size:18px;}
	#main_content .popup_area h2 {font-size:18px;font-weight:800 !important;}
	#main_content .main_popup {margin-top:30px;}
	#main_content .main_popup .slide {margin-top:20px;}
	#main_content .main_popup .slide .slick-list {margin:0 -10px;} 
	#main_content .main_popup .slide .slick-slide {margin:0 10px;} 
}

@media all and (max-width:600px) {
	.main_visual {height:200px;}
	.main_visual .slide .item .txt .small {font-size:18px;margin-bottom:10px;}	
	.main_visual .slide .item .txt .big {font-size:27px;}
	.main_visual .slide .item.visual02::after, 
	.main_visual .slide .item.visual03::after, 
	.main_visual .slide .item.visual04::after {height:calc(100% - 10px);}
	.main_visual .slide .item.visual01::after,
	.main_visual .slide .item.visual03::after {background-position:right -20px bottom;} 

	#main_content .popup_area .reservation {height:130px;}
	#main_content .popup_area .reservation .reservation_wrap {margin-top:6px;}
	#main_content .main_popup .slide .slick-list,
	#main_content .main_popup .slide .slick-slide {margin:0;} 
	#main_content .main_popup .slide .slick-list {border-radius:20px;overflow:hidden;}
	#main_content .main_popup .slide .slick-slide,
	#main_content .main_popup .slide .slick-slide > div {display:inline-block;font-size:0;}
	#main_content .main_popup .slide .item,
	#main_content .main_popup .slide .item a,
	/*#main_content .main_popup .slide .item a img {height:auto;}*/
	#main_content .main_popup .slide .item img {border-radius:0;object-fit:inherit;}

}

@media all and (max-width:500px) {
	.main_visual {height:180px;}
	.main_visual .slide .item::after {height:90% !important;}
	.main_visual .slide .item .txt .small {font-size:16px;}
	.main_visual .slide .item .txt .big {font-size:22px;}
}

@media all and (max-width:450px) {
	.main_visual .control {right:12px;bottom:12px;}
	.main_visual .slide .item::after {height:80% !important;}
	.main_visual .slide .item.visual01::after,
	.main_visual .slide .item.visual03::after {background-position:right -10px bottom;} 
	.main_visual .slide .item .txt {padding-left:20px;align-content:flex-start;}
	.main_visual .slide .item .txt .small {margin-top:22px;margin-left:0;}

	#main_content .popup_area .reservation a {padding:0 20px 0 25px;}
	#main_content .popup_area .reservation .reservation_wrap {padding-left:60px;}
}

/* 팝업 레이어 */
.sr-only{
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

.haspop {
	overflow: hidden;
}
.layer-popup.off {
	height: 0.0625rem;
	overflow: hidden;
}
.layer-popup.on {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.75);
	z-index: 999;
}
.layer-popup > div {
	height: 100%;
}
.layer-popup .in {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
	overflow-y: auto;
	padding: 2rem;
}

.layer-popup > .inner:focus {
	outline: none;
	outline-offset: 0;
	box-shadow: none;
	transition: none;
}
.layer-popup .popup-wrap {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	padding: 2.5rem 0;
	width: 100%;
	max-width: 37.5rem;
}

@media (max-width: 767px) {
	.layer-popup .in {
		padding: 0rem;
	}
}

.popup-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 0.75rem;
}
.popup-swiper .swiper-slide > *,
.popup-swiper .swiper-slide a {
	display: block;
	width: 100%;
	border-radius: 0.75rem;
	overflow: hidden;
	background: #33363d;
	background: url("/site/common/css/post_css/images/ico-symbol-noimg.svg") no-repeat center center,
		linear-gradient(0deg, rgba(51, 54, 61, 1) 17%, rgba(92, 101, 113, 1) 100%);
}
.popup-swiper a img {
	display: block;
	width: 100%;
	min-height: 160px;
	color: #fff;
	border-radius: 0.75rem;
	border: 1px solid rgba(0, 0, 0, 0.12);
}
.layer-popup .title {
	color: #fff;
	font-size: 2rem;
	font-weight: 700;
}
.layer-popup .popup-close {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 3.5rem;
	padding: 0 1rem;
	background: rgba(0, 0, 0, 0.45);
	color: #fff;
	border-radius: 0.5rem;
}
.layer-popup .popup-close .btn {
	background-color: transparent;
	border-color: transparent;
}

.swiper-indicator.dark [class^="swiper-button-"],
.swiper-indicator.dark .swiper-pagination.swiper-pagination-fraction {
	color: #fff;
	background: rgb(0, 0, 0, 1);
	border: 0.0625rem solid rgb(255, 255, 255, 0.1);
}
.swiper-indicator.dark .swiper-button-stop::after {
	background-image: url(/site/common/css/post_css/images/ico_swiper_stop_white.svg);
}
.swiper-indicator.dark .swiper-button-play::after {
	background-image: url(/site/common/css/post_css/images/ico_swiper_play_white.svg);
}
.swiper-indicator.dark .swiper-button-prev::after {
	background-image: url(/site/common/css/post_css/images/ico_swiper_prev_white.svg);
}
.swiper-indicator.dark .swiper-button-next::after {
	background-image: url(/site/common/css/post_css/images/ico_swiper_next_white.svg);
}

.layer-popup .inner {
	width: 100%;
	max-width: 1328px;
	padding-left: 24px;
	padding-right: 24px;
}

@media (min-width: 1024px) {
	.layer-popup .inner {
		margin: 0 auto;
	}
}

@media (max-width: 767px) {
	.layer-popup .inner {
		padding-left: 16px;
		padding-right: 16px;
	}
}

@media (max-width: 360px) {
	.layer-popup .inner {
		min-width: 320px;
		overflow: auto;
	}
}

/* swiper */
.swiper-indicator {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-direction: row;
	gap: 0.25rem;
	flex-shrink: 0;
	position: relative;
}

.swiper-indicator.text-center {
	justify-content: center;
}

.swiper-indicator .swiper-pagination {
	top: auto;
	bottom: auto;
	width: auto;
}

.swiper-indicator .swiper-pagination:not(.swiper-pagination-fraction) {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	height: 2.5rem;
	padding: 0.5rem;
	border-radius: 62.5rem;
	background-color: #fff;
}

.swiper-indicator
	.swiper-pagination.swiper-pagination-fraction.swiper-pagination-bg {
	font-weight: 700;
	padding: 0.5rem;
	border-radius: 62.5rem;
	background-color: #fff;
}

.swiper-indicator .swiper-button-next,
.swiper-indicator .swiper-button-prev {
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	margin: auto;
}

.swiper-indicator .swiper-navigation {
	display: inline-flex;
	gap: 0.25rem;
}

.swiper-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	position: relative;
	top: auto;
	bottom: auto;
	height: 2.5rem;
}

.swiper-pagination .swiper-pagination-bullet {
	width: 0.5rem;
	height: 0.5rem;
	background: #6d747d;
	opacity: 1;
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 1.25rem;
	border-radius: 62.5rem;
	background-color: #ff4532;
	opacity: 1;
}

.swiper-pagination.swiper-pagination-fraction {
	gap: 0.4rem;
	padding: 0 1rem;
	border-radius: 62.5rem;
	background: #fff;
	border: 0.0625rem solid #d3d8dd;
}

.swiper-pagination.swiper-pagination-fraction .swiper-pagination-current {
	color: #ff5542;
	font-weight: 700;
}

.swiper-controller {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	gap: 0.25rem;
}

[class^="swiper-button-"] {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 62.5rem !important;
	border: 0.0625rem solid #d3d8dd;
	background-color: #fff;
}

[class^="swiper-button-"]:hover {
	background: #f2f4f6;
}

[class^="swiper-button-"]::after {
	content: "";
	font-size: 0 !important;
	width: 1.5rem;
	height: 1.5rem;
	background-repeat: no-repeat;
}

.swiper-button-more::after {
	background-image: url(/site/common/css/post_css/images/ico_swiper_more.svg);
}

.swiper-button-play::after {
	background-image: url(/site/common/css/post_css/images/ico_swiper_play.svg);
}

.swiper-button-stop::after {
	background-image: url(/site/common/css/post_css/images/ico_swiper_stop.svg);
}

.swiper-button-next::after,
.swiper-button-prev::after {
	background-position: center;
	background-size: contain;
}

.swiper-button-next:hover,
.swiper-button-prev:hover,
.swiper-button-next + .more:hover {
	background-color: #f6f7f8;
}

[class^="swiper-button-"]:active,
.swiper-button-next + .more:active {
	background-color: #d3d8dd !important;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	background-color: #d3d8dd;
	opacity: 1;
}

.swiper-button-next {
	right: 0;
}

.swiper-button-next::after {
	background-image: url(/site/common/css/post_css/images/ico_swiper_next.svg);
}

.swiper-button-stop:active:after {
	background-image: url(/site/common/css/post_css/images/ico_swiper_stop_white.svg);
}

.swiper-button-play:active:after {
	background-image: url(/site/common/css/post_css/images/ico_swiper_play_white.svg);
}

.swiper-button-next:active::after {
	background-image: url(/site/common/css/post_css/images/ico_swiper_next_white.svg);
}

.swiper-button-next.swiper-button-disabled::after {
	background-image: url(/site/common/css/post_css/images/ico_swiper_next_gray.svg);
}

.swiper-button-next + .more:active {
	background-image: url(/site/common/css/post_css/images/ico_more_white.svg);
}

.swiper-button-prev {
	left: 0;
}

.swiper-button-prev::after {
	background-image: url(/site/common/css/post_css/images/ico_swiper_prev.svg);
}

.swiper-button-prev:active::after {
	background-image: url(/site/common/css/post_css/images/ico_swiper_prev_white.svg);
}

.swiper-button-prev.swiper-button-disabled::after {
	background-image: url(/site/common/css/post_css/images/ico_swiper_prev_gray.svg);
}

/* 버튼 */
.layer-popup .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	width: auto;
	border-style: solid;
	cursor: pointer;
	white-space: nowrap;
	transition: 0.4s ease-in-out;
	border-width: 0.0625rem;
	font-weight: 400;
	box-sizing: border-box;
	border-radius: 0.5rem;
	gap: 0.625rem;
	height: 3.5rem;
	padding: 0rem 1.25rem;
	font-size: 1.1875rem;
	background: #fff;
}

.layer-popup .btn.xsm {
	gap: 0.125rem;
	height: 2rem;
	padding: 0rem 0.625rem;
	border-radius: 0.25rem;
	font-size: 0.9375rem;
}

.layer-popup .btn.sm {
	gap: 0.375rem;
	height: 2.5rem;
	padding: 0rem 0.75rem;
	border-radius: 0.375rem;
	font-size: 0.9375rem;
}

.layer-popup .btn.md {
	gap: 0.375rem;
	height: 3rem;
	padding: 0rem 1rem;
	border-radius: 0.375rem;
	font-size: 1.0625rem;
}

.layer-popup .btn.lg {
	gap: 0.375rem;
	height: 3.5rem;
	padding: 0rem 1.25rem;
	border-radius: 0.5rem;
	font-size: 1.1875rem;
}

.layer-popup .btn.xlg {
	gap: 0.375rem;
	height: 4rem;
	padding: 0rem 1.5rem;
	border-radius: 0.5rem;
	font-size: 1.1875rem;
}

.layer-popup button {
	overflow: visible;
	margin: 0;
	background-color: transparent;
	border: none;
	-webkit-appearance: button;
	cursor: pointer;
	font: inherit;
	color: inherit;
}

.layer-popup .btn.sm .icon {
	width: 1rem;
	height: 1rem;
}

/* 아이콘 */
.layer-popup .icon {
	display: inline-flex;
	width: 1.5rem;
	height: 1.5rem;
	forced-color-adjust: none;
	flex-shrink: 0;
}

.layer-popup .icon[class*="ico-"] {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.layer-popup .icon.ico-popup-close {
	background-image: url(/site/common/css/post_css/images/ico_close.svg);
}
.layer-popup .icon.ico-popup-close-white {
	background-image: url(/site/common/css/post_css/images/ico_close-white.svg);
}

/* 스크롤바 안보이고 - 기능만 */
.layer-popup .scroll_ap_no {
	-ms-overflow-style: none; /* 인터넷 익스플로러 */
	scrollbar-width: none; /* 파이어폭스 */
}