.section, .section * {box-sizing: border-box;}

.footer_top {z-index: 5;}


/* 포인트 스타일 */
.point {font-size: 15px; padding-left: 25px; padding-top: 2px; min-height: 20px; background: url(/tprice/images/portal/wedding/point.png) no-repeat;}
.point:before {display: none;}

/* h제목 스타일 */
#contents .w_conH3 {font-size: 25px; font-weight: 700; color: #000; margin: 0; padding: 0; background: none;}
#contents .w_conH4 {font-size: 19px; font-weight: 700; color: #000; margin: 0; padding: 0; background: none;}


/* 확대보기, 더보기 */
.moreBtn {position: absolute; right: 30px; top: 20px; display: flex; gap: 7px; z-index: 2;}
.moreBtn button, .moreBtn a {width: 40px; height: 40px; border-radius: 50px; border: solid 1px #c6d2e1; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); overflow: hidden; text-indent: -9999px;}
.moreBtn button.expand {background: #fff url(/tprice/images/portal/wedding/icon_expand.png) no-repeat 50%;}
.moreBtn a.more {background: #fff url(/tprice/images/portal/wedding/icon_more.png) no-repeat 50%;}
@media all and (max-width:1024px) {
	/*.moreBtn button.expand {display: none;}*/
}
@media all and (max-width:640px) {
	.moreBtn button, .moreBtn a {width: 30px; height: 30px; background-size: 16px !important;}
}
@media all and (max-width:425px) {
	.moreBtn {top: 15px; right: 20px;}
}


/* 그래프박스 */
.chartConts {position: relative;}

/* 버튼 슬라이드 */
.itemBtn {position: relative; margin-top: 15px;}
.itemBtn button.ib_arrow {display: none; width: 30px; height: 30px; position: absolute; top: 6px; border-radius: 50px; border: solid 1px #dce5f0; text-indent: -9999px; overflow: hidden; z-index: 5;}
.itemBtn button.ib_arrow.prev {left: 0; background: #fff url(/tprice/images/portal/wedding/sb_prev.png) no-repeat 50%;}
.itemBtn button.ib_arrow.next {right: 0; background: #fff url(/tprice/images/portal/wedding/sb_next.png) no-repeat 50%;}
.itemBtn .ib_box {overflow: hidden;}
.itemBtn .ib_box .ib_wrap {gap: 5px; padding: 3px 0; display: flex; white-space: nowrap; transition: transform .3s ease;}
.itemBtn .ib_box button {font-size: 16px; height: 36px; padding: 0 15px; font-size: 16px; color: #000; background: #eef2f7; border-radius: 30px;}
.itemBtn .ib_box .on button {font-size: 17px; font-weight: 700; color: #fff; background: #3673cf; border-radius: 18px 18px 8px 18px; }
.itemChartBox {margin-top: 10px; background: #f8fafd;}
.itemChartBox > div {display: none; height: 100%;}
.itemChartBox > div.on {display: block;}
.itemBtn .swiper-slide {width: auto;}

.itemBtn.slideActive:before,
.itemBtn.slideActive:after {content: ''; width: 45px; height: 100%; display: block; position: absolute; top: 0; z-index: 3;}
.itemBtn.slideActive:before {left: 0; background: linear-gradient(90deg, #fff 55%, transparent);}
.itemBtn.slideActive:after {right: 0; background: linear-gradient(90deg, transparent, #fff 55%); width: 60px;}
.itemBtn.slideActive button.ib_arrow {display: block;}

.itemBtn.slideActive .ib_box {padding: 0 40px;}
.itemBtn.slideActive .ib_box .ib_wrap {gap: 0;}
.itemBtn.slideActive .swiper-slide {padding-right: 5px;}
.itemBtn.slideActive .ib_box .ib_btn:last-child {padding-right: 10px;}

.item .chartConts .legend {margin: 15px 0 0; display: flex; flex-wrap: wrap; gap: 5px 25px; justify-content: flex-end;}
.item .chartConts .legend li {font-size: 14px; color: #545454;}
.item .chartConts .legend li:before {content: ''; width: 14px; height: 7px; display: inline-block; margin-right: 5px; border-radius: 3px; opacity: 0.7;}
.item .chartConts .legend li.lgd1:before {background: #104683;}
.item .chartConts .legend li.lgd2:before {background: #fe6227;}
.item .chartConts .legend li.lgd3:before {background: #0096ff;}
.item .chartConts .legend li.lgd4:before {background: #ffa422;}
.item .chartConts .legend li.lgd5:before {background: #005c64;}

@media all and (max-width:768px) {
	.itemBtn.slideActive:before, .itemBtn.slideActive:after {display: none;}
	.itemBtn.slideActive {padding: 0 35px;}
	.itemBtn.slideActive .ib_box {padding: 0;}
	.itemBtn.slideActive .ib_box .ib_btn:last-child {padding-right: 0;}
}
@media all and (max-width:425px) {
	.itemBtn .ib_box button {font-size: 15px !important; padding: 0 10px;}
	.item .chartConts .legend {margin: 10px 0 0;}
}

/* 제목, 검색 박스 */
.titBox {padding:0 15px 0 35px; margin-bottom: 15px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
#contents .titBox .w_conH3 {margin: 0 30px 0 0; padding: 0; background: none;}
#contents .titBox .w_conH3 span {color: #104683;}
.titBox .txtBox {display: flex; flex-wrap: wrap; align-items: center;}
.titBox .point {margin-top: 5px;}
.titBox .searchBox {gap: 5px; display: flex; flex-wrap: wrap;}
.titBox .searchBox select {min-width: 0;}

@media all and (max-width:1200px) {
	.titBox {padding: 0 10px;}
	.titBox .searchBox .btn_orange {min-width: 55px;}
}
@media all and (max-width:1024px) {
	.titBox .txtBox {padding-right: 20px; flex-direction: column;align-items: flex-start;}
}
@media all and (max-width:768px) {
	.titBox .point {width: 100% !important;}
	#contents .titBox .w_conH3 {margin-right: 0; font-size: 22px;}
}
@media all and (max-width:640px) {
	.titBox {justify-content: center;}
	.titBox .txtBox {width: 100%; padding: 0;}
	.titBox .searchBox {margin-top: 10px;}
}

/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

#contents .areaBox2 .w_conH4 {width: 100%; padding-left: 40px; background: url(/tprice/images/portal/wedding/sec01_h4.png) no-repeat 10px 0;}

.sec01 .point2 {margin-top: 10px; margin-left: 10px; padding-bottom: 5px;}
.region {display: flex; flex-wrap: wrap; padding: 30px 50px 30px 0; overflow: hidden;}
.region .areaBox {width: 500px; margin: 0 3%;}
.region .areaBox .chartConts {width: 500px; position: relative;}
.region .areaBox .chartConts:before {content: ''; width: 10px; height: 15px; left: 0; top: 63px; display: block;  background: #fff; position: absolute; z-index: 1;}
.region .areaBox .chartConts:after {content: '';width: 3px;height: 4px;right: 54px;top: 125px;display: block;background: #7195dd;position: absolute;z-index: 1;border-radius: 10px;}
.region .areaBox .chartConts .chartBox > div {height: 500px;}
.region .areaBox .legend {position: absolute; right: 0; bottom: 60px; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 25px;}
.region .areaBox .legend li {font-size: 15px; color: #000; font-weight: 500;}
.region .areaBox .legend li:before {content: ''; width: 22px; height: 15px; display: inline-block; margin-right: 5px; border-radius: 5px; background: #ffcbb9; border: solid 1px #d94f1d; vertical-align: -3px;}

.region .mapBtn {position: absolute; top: 0; left: 0; width: 100%;}
.region .mapLabel {position: relative; width: 340px; margin: 0 auto;}
.region .mapLabel li {position: absolute;}
.region .mapLabel li.so {top: 30px; left: 55px;}
.region .mapLabel li.so2 {top: 80px ;left: 100px;}
.region .mapLabel li.in {top: 60px; left: 0;}
.region .mapLabel li.kg {top: 110px; left: 42px;}
.region .mapLabel li.kw {top: 50px; left: 160px;}
.region .mapLabel li.cc {top: 150px; left: 100px;}
.region .mapLabel li.gs {top: 170px; left: 180px;}
.region .mapLabel li.jl {top: 255px; left: 65px;}
.region .mapLabel li.dj {top: 181px; left: 40px;}
.region .mapLabel li.dg {top: 230px; left: 130px;}
.region .mapLabel li.us {top: 240px; left: 230px;}
.region .mapLabel li.bs {top: 300px; left: 190px;}
.region .mapLabel li.kj {top: 280px; left: 0;}
.region .mapLabel li.jj {top: 420px; left: 20px;}
.region .mapLabel li button {width: 70px;height: 70px;background: rgba(255, 255, 255, 0.8);border-radius: 100px;display: flex;flex-wrap: wrap;justify-content: center;align-content: center; border: solid 1px #005bad;}
.region .mapLabel li span {display: block; font-size: 13px; width: 100%; line-height: 1.2;}
.region .mapLabel li span.name {color: #104683;letter-spacing: -1px;}
.region .mapLabel li span.value {color: #000; font-weight: 600;}
.region .mapLabel li.on {z-index: 1;}
.region .mapLabel li.on button {background: rgba(0,0,0,0.8); border: 0; box-shadow: 0 0 0 7px rgba(0,91,173,0.4)}
.region .mapLabel li.on button span {color: #fff;}

.region .highcharts-axis-labels.highcharts-coloraxis-labels > text:nth-child(n+2):nth-child(-n+4),
.region .highcharts-axis-labels.highcharts-coloraxis-labels > text:nth-child(n+6):nth-child(-n+9) {display: none;}

.region .areaBox2 {position: relative; width: calc(94% - 500px); padding: 45px 0 20px 5%; display: flex; flex-wrap: wrap; gap: 35px 25px;}
.region .areaBox2 .legend {position: absolute; right: 0; top: 50px; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 25px;}
.region .areaBox2 .legend li {font-size: 16px; color: #000;}
.region .areaBox2 .legend li:before {content: ''; width: 12px; height: 12px; display: inline-block; margin-right: 5px; border-radius: 10px;}
.region .areaBox2 .legend li.lgd1:before {background: #2caffe;}
.region .areaBox2 .legend li.lgd2:before {background: #6b8abc;}
.region .areaBox2 .legend li.lgd3:before {background: #fe6a35;}
.region .areaBox2 .legend li.lgd4:before {background: #104683;}
.region .areaBox2 .txtBox {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-bottom: 20px;}
.region .areaBox2 .txtBox span {display: block;}

.region .areaBox2 .txtBox .tit {font-size: 25px; font-weight: 700; color: #104683; text-align: center;}
.region .areaBox2 .txtBox .tit span {font-size: 19px; font-weight: 400; color: #545454;}
.region .areaBox2 .txtBox .tatal {font-size: 16px; color: #000; padding-left: 25px; margin-left: 25px; border-left: solid 1px #d1deed;}
.region .areaBox2 .txtBox .tatal span {font-size: 21px; font-weight: 700;}

.region .areaBox2 > div {width: calc((100% - 25px)/2); border-radius: 20px; background: #fff; position: relative; padding: 30px 10px 20px;}
.region .areaBox2 .chartConts .chartBox > div {height: 245px;}

.region .regionBox {border: solid 1px #000; box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.25);}
.region .regionBox:before {content: ''; width: 50px; height: 50px; display: block; position: absolute; left: -25px; top: -25px; border-radius: 50px; background: #000 url(/tprice/images/portal/wedding/region_chk.png) no-repeat 50%;}
.region .regionBox > div {display: none;}
.region .regionBox > div.on {display: block;}

.region .nationwideBox {border: solid 1px #cdd1db; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);}

.c_labels {font-size: 15px; color: #000; font-weight: 500; line-height: 1.1; text-align: center;}
.c_labels span {display: block;}
.c_labels .t2 {font-size: 13px; color: #0575b9; font-weight: 400;}


@media all and (max-width:1400px) {
	.region .areaBox {margin: 0; margin-left: -3%;}
	.region .areaBox2 {width: calc(103% - 500px);}
}
@media all and (max-width:1300px) {
	.region .areaBox2 {padding-left: 30px;}
	.region .areaBox2 .legend {gap: 15px;}
}
@media all and (max-width:1200px) {
	.region {justify-content: center; padding-right: 30px;}
	.region .areaBox2 {width: 100%;}
}
@media all and (max-width:768px) {
	.region {padding: 30px 40px 40px;}

	.region .areaBox {margin: 0; overflow-x: auto;}
	.region .areaBox2 {padding: 0; margin-top: 20px; gap: 0;}
	.region .areaBox2 .legend {gap: 5px 10px; position: static; width: 100%; margin: 10px 0 5px; padding-left: 20px;}
	.region .areaBox2 .legend li {font-size: 14px;}
	.region .areaBox2 > div {width: 100%;}
	.region .areaBox2 .regionBox {margin: 0 0 20px;}
	.region .regionBox:before {width: 40px; height: 40px; left: -20px; top: -20px;}

	.region .areaBox2 .txtBox .tit {font-size: 22px;}
}

@media all and (max-width:480px) {
	.region {padding: 20px 20px 20px;}
	.region .areaBox2 .txtBox .tatal {margin-left: 15px; padding-left: 15px;}
	.region .areaBox2 .chartConts {overflow-x: auto;}
	.region .areaBox2 .chartConts > div {width: 360px;}
}

.sec02 {padding: 60px 0;}
#contents .sec02 .titBox .w_conH3 {padding-left: 45px; position: relative;}
#contents .sec02 .titBox .w_conH3:before {content: ''; width: 34px; height: 34px; display: block; position: absolute; left: 0; top: -1px; background: url(/tprice/images/portal/wedding/sec02_h3.png) no-repeat 0 0;}
#contents .sec02 .titBox .point {position: relative; z-index: 1;}

.periodBox {position: relative; padding-top: 30px; border-top: solid 2px #000;}
.periodBox p {padding: 0 110px 0 50px; word-break: keep-all;}
.periodBox p span {color: #0e65cb;}
.periodBox .moreBtn {right: 15px; top: 15px;}
.periodBox .chartConts .chartBox {height: 320px;}
.periodBox .chartConts .chartBox > div {height: 100%;}

@media all and (max-width:1024px) {
	#contents .sec02 .titBox .w_conH3 {padding-left: 25px;}
	#contents .sec02 .titBox .w_conH3:before {left: -15px;}
	.periodBox .chartConts {overflow-x: scroll;}
	.periodBox .chartConts .chartBox {width: 1024px;}
}
@media all and (max-width:768px) {
	.periodBox {padding-top: 20px;}
	.periodBox p {padding: 0 100px 0 20px;}
	.periodBox .moreBtn {right: 5px;}
}
@media all and (max-width:640px) {
	.periodBox .moreBtn {right: 50%; transform: translateX(50%);}
	.periodBox p {padding: 50px 10px 0;}
}


.sec03 {display: flex; flex-wrap: wrap; gap: 25px;}
.sec03 > div {width: calc((100% - 25px)/2);}
#contents .sec03 .titBox .point {width: 100%;}
#contents .sec03 .titBox .searchBox {padding: 10px 0 0;}
.weddinghall .itemBox .optional {margin-top: 30px;}
.weddinghall .itemBox .itemChartBox {height: 120px;}
.weddinghall .tit {display: flex;align-items: flex-end;gap: 5px;}
.weddinghall .tit .unitChart {font-size: 15px; color: #444;}

.season {margin-top: 10px;}
.season .w_text {font-size: 15px; color: #545454; margin-top: 5px;}
.season .chartConts .legend {position: absolute; right: 0; top: -25px; display: flex; gap: 25px;}
.season .chartConts .legend li {font-size: 14px; color: #545454;}
.season .chartConts .legend li:before {content: ''; width: 10px; height: 10px; display: inline-block; margin-right: 5px; opacity: .7;}
.season .chartConts .legend li.lgd1:before {background: linear-gradient(#104683, #042953);}
.season .chartConts .legend li.lgd2:before {background: linear-gradient(#fe6227, #bc3b0a);}
.season .chartBox {display: flex; flex-wrap: wrap;  gap: 35px; margin-top: 25px;}
.season .chartBox > div {flex: 1; height: 160px; position: relative;}
.season .chartBox > div:before {content: ''; width: 100%; height: 1px; background: #fff; position: absolute; top: 0; left: 0; display: block; z-index: 1;}

.sdmSet .sdmBtn {display: flex; border-bottom: solid 2px #000; padding-bottom: 15px;}
.sdmSet .sdmBtn div {position: relative;}
.sdmSet .sdmBtn div button {font-size: 19px; font-weight: 500; color: #7c7c7c; height: 45px; padding: 0 15px;}
.sdmSet .sdmBtn div.on button {font-weight: 700; color: #000;}
.sdmSet .sdmBtn div.on:after {content: ''; width: 25px; height: 25px; display: block; position: absolute; bottom: -27px; right: 50%; transform: translateX(50%); background:url(/tprice/images/portal/wedding/sdmBtn_on.png) no-repeat;}
.sdmSet .sdmConts {margin-top: 30px;}
.sdmSet .sdmConts > div {display: none;}
.sdmSet .sdmConts > div.on {display: block;}
.sdmSet .sdmConts .optional {margin-top: 30px;}
.sdmSet .sdmConts .itemChartBox {height: 225px;}

@media all and (max-width:1200px) {
	#contents .sec03 .titBox .txtBox {flex-direction: column;}
}
@media all and (max-width:1024px) {
	.sec03 > div {width: 100%;}
	#contents .sec03 .titBox .txtBox {flex-direction: unset;}
	#contents .sec03 .titBox .point {width: auto;}
	#contents .sec03 .titBox .searchBox {padding: 0;}
}
@media all and (max-width:640px) {
	.season .chartBox {gap: 20px; margin-top: 45px;}
}
@media all and (max-width:480px) {
	.season .chartBox > div {flex: none; width: 100%;}
	.sdmSet .sdmConts .moreBtn {top: 105px;}
	.sdmSet .sdmBtn div button {width: 100%; font-size: 18px; height: 40px; padding: 0 5px;}
}

/*********** 확대보기 레이어팝업 /***********/
.expandLayer {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.55); z-index: 200;}
.expandLayer * {box-sizing: border-box;}
.expandLayer .layerBox {max-height: calc(100% - 40px); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff; border-radius: 20px; padding: 50px 60px; width: 98%; max-width: 1740px;}
.expandLayer .layerScroll {overflow-y: auto; height: 100%;}

.expandLayer .layerClose {position: absolute; top: 20px; right: 35px; width: 40px; height: 40px; border: solid 1px #505050; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); border-radius: 20px; background: #fff url(/tprice/images/portal/wedding/layer_close.png) no-repeat 50%;}
.expandLayer .moreBtn {display: none;}

/* 테이블 */
#contents .expandLayer .tableBox {margin-top: 30px;}
#contents .expandLayer table.table_t2 th{background:#f2f4fa;}
#contents .expandLayer table.table_t2 th, 
#contents .expandLayer table.table_t2 td {padding: 5px;}

.expandLayer .tableBox.scroll {max-height: 182px; overflow-y: auto;}
.expandLayer .tableBox.scroll table thead th {position: sticky; top: -1px;}

#contents .expandLayer .titBox .w_conH3{margin: 0 !important;}
.expandLayer .titBox {justify-content: normal; padding: 0;}
.expandLayer .titBox .date {margin: 0 25px 0 10px;font-size: 21px; font-weight: 500; color: #e03b00; width: 150px; height: 34px; background: #ffece5; border-radius: 30px; display: flex; align-items: center; justify-content: center;}
.expandLayer .titBox .point {margin: 0;}
@media all and (max-width:1200px) {
	#contents .expandLayer .table_t2 {font-size: 15px;}
	.expandLayer .layerBox {padding: 40px 50px;}
	.expandLayer .layerClose {right: 10px; top: 10px;}
}
@media all and (max-width:640px) {
	#contents .expandLayer .titBox .w_conH3 {text-align: center;}
	.expandLayer .titBox {display: block;}
	.expandLayer .titBox .date {margin: 15px auto;}
}
@media all and (max-width:480px) {
	.expandLayer .layerBox {padding: 50px 30px;}
	.expandLayer .layerClose {right: 5px; top: 5px;}
}
@media all and (max-width:425px) {
	.expandLayer .layerBox {padding: 50px 20px 20px;}
	.expandLayer .titBox .date {font-size: 18px; width: 120px; margin: 7px auto;}
}

/* 지역별 결혼서비스 가격 정보 */
.sec01Layer {}
.sec01Layer .layerBox {padding: 50px 30px; overflow: hidden; height: 900px;}
.sec01Layer .region {padding: 0 30px 15px 0;}
.sec01Layer .region .areaBox {width: auto; margin: 0;}
.sec01Layer .region .areaBox .chartConts {width: 750px; padding: 30px 0 0;}
.sec01Layer .region .areaBox .chartConts:before {width: 35px; height: 30px; top: 100px;}
.sec01Layer .region .areaBox .chartConts:after {top: 185px;right: 80px;}
.sec01Layer .region .areaBox .chartConts .chartBox > div {height: 680px}
.sec01Layer .region .areaBox .legend {bottom: 30px;}
.sec01Layer .region .mapLabel {width: 470px;}
.sec01Layer .region .mapLabel li.so {top: 30px; left: 60px;}
.sec01Layer .region .mapLabel li.so2 {top: 110px; left: 120px;}
.sec01Layer .region .mapLabel li.in {top: 110px; left: 0;}
.sec01Layer .region .mapLabel li.kg {top: 185px; left: 63px;}
.sec01Layer .region .mapLabel li.kw {top: 110px; left: 220px;}
.sec01Layer .region .mapLabel li.cc {top: 230px; left: 150px;}
.sec01Layer .region .mapLabel li.gs {top: 260px; left: 260px;}
.sec01Layer .region .mapLabel li.jl {top: 387px; left: 90px;}
.sec01Layer .region .mapLabel li.dj {top: 281px; left: 60px;}
.sec01Layer .region .mapLabel li.dg {top: 360px; left: 220px;}
.sec01Layer .region .mapLabel li.us {top: 380px; left: 340px;}
.sec01Layer .region .mapLabel li.bs {top: 470px; left: 250px;}
.sec01Layer .region .mapLabel li.kj {top: 450px; left: 0;}
.sec01Layer .region .mapLabel li.jj {top: 620px; left: 35px;}
.sec01Layer .region .mapLabel li button {width: 100px; height: 100px;}
.sec01Layer .region .mapLabel li span {font-size: 18px;}
.sec01Layer .region .highcharts-axis-labels.highcharts-coloraxis-labels > text {display: block !important;}
.sec01Layer .region .areaBox2 {padding: 0 0 0 5%; width: calc(100% - 750px); gap: 0;}
.sec01Layer .region .areaBox2 .legend {top: 5px;}
.sec01Layer .region .areaBox2 > div {width: 100%; padding: 20px 10px;}
.sec01Layer .region .regionBox {margin: 35px 0 15px;}
.sec01Layer .region .regionBox > div {padding-left: 160px;}
.sec01Layer .region .areaBox2 .txtBox {position: absolute;left: 50px;top: 50px;z-index: 1; margin: 0;}
.sec01Layer .region .areaBox2 .txtBox .tit {width: 100%; text-align: left;}
.sec01Layer .region .areaBox2 .txtBox .tit span {display: inline;}
.sec01Layer .region .areaBox2 .txtBox .tatal {width: 100%; padding: 0; margin: 40px 0 0; border: 0;}
.sec01Layer .region .areaBox2 .txtBox .tatal span {font-size: 32px;}
.sec01Layer .region .areaBox2 .chartConts .chartBox > div {height: 270px;}
.sec01Layer .region .nationwideBox >div {padding-left: 160px;}
@media all and (max-width:1700px) {
	.sec01Layer .region .areaBox {margin-left: -100px;}
	.sec01Layer .region .areaBox2 {width: calc(100% - 650px);}
}
@media all and (max-width:1500px) {
	.sec01Layer .region .areaBox2 .legend {gap: 15px; top: 30px;}
	.sec01Layer .region .areaBox2 .txtBox {position: static;}
	.sec01Layer .region .areaBox2 .txtBox .tit {text-align: center; width: auto;}
	.sec01Layer .region .areaBox2 .txtBox .tatal {width: auto; padding-left: 25px; margin: 0 0 0 25px; border-left: solid 1px #d1deed;}
	.sec01Layer .region .regionBox > div {padding: 0;}
	.sec01Layer .region .nationwideBox >div {padding: 0;}
	.sec01Layer .region .areaBox2 .chartConts .chartBox > div {height: 220px;}
}
@media all and (max-width:1300px) {
	.sec01Layer .layerBox {height: 830px;}
	.sec01Layer .region .regionBox {padding: 20px 10px;}
	.sec01Layer .region .regionBox:before {width: 40px; height: 40px; left: -20px; top: -20px;}
	.sec01Layer .region .areaBox {margin-left: -60px;}
	.sec01Layer .region .areaBox .chartConts {width: 600px;}
	
	
	.sec01Layer .region .areaBox .chartConts:before {width: 35px; height: 30px; top: 100px;}
	.sec01Layer .region .areaBox .chartConts:after {top: 215px;right: 70px;}
	
	.sec01Layer .region .areaBox .chartConts .chartBox > div {height: 680px;}
	.sec01Layer .region .areaBox2 {width: calc(100% - 540px); padding-left: 40px;}
	.sec01Layer .region .areaBox2 .txtBox .tatal span {font-size: 24px;}
	.sec01Layer .region .areaBox2 .chartConts .chartBox > div {height: 200px;}
	.sec01Layer .region .areaBox2 .legend {gap: 10px;}
	.sec01Layer .region .areaBox2 .legend li {font-size: 15px;}
	.sec01Layer .region .areaBox2 .legend li:before {width: 8px; height: 8px;}
	.sec01Layer .region .mapLabel li.so {top: 70px;left: 90px;}
	.sec01Layer .region .mapLabel li.so2 {top: 130px;left: 145px;}
	.sec01Layer .region .mapLabel li.in {top: 100px;left: 20px;}
	.sec01Layer .region .mapLabel li.kg {top: 155px;left: 75px;}
	.sec01Layer .region .mapLabel li.kw {top: 120px;left: 220px;}
	.sec01Layer .region .mapLabel li.cc {top: 200px;left: 150px;}
	.sec01Layer .region .mapLabel li.gs {top: 240px;left: 240px;}
	.sec01Layer .region .mapLabel li.jl {top: 330px;left: 110px;}
	.sec01Layer .region .mapLabel li.dj {top: 250px;left: 100px;}
	.sec01Layer .region .mapLabel li.dg {top: 310px;left: 220px;}
	.sec01Layer .region .mapLabel li.us {top: 330px;left: 310px;}
	.sec01Layer .region .mapLabel li.bs {top: 400px;left: 260px;}
	.sec01Layer .region .mapLabel li.kj {top: 389px;left: 50px;}
	.sec01Layer .region .mapLabel li.jj {top: 550px;left: 70px;}
	.sec01Layer .region .mapLabel li button {width: 75px;height: 75px;}
	.sec01Layer .region .mapLabel li span {font-size: 14px;}
}
@media all and (max-width:1024px) {
	.sec01Layer .region {padding: 0;}
	.sec01Layer .region .areaBox {margin: 0;}
	.sec01Layer .region .areaBox2 {width: 100%; padding: 0 20px 20px; gap: 35px 25px;}
	.sec01Layer .region .areaBox2 > div {width: calc((100% - 25px) / 2);}
	.sec01Layer .region .areaBox2 .legend {right: 25px;}
	.sec01Layer .region .regionBox {margin: 0;}
}
@media all and (max-width:768px) {
	.sec01Layer .region .areaBox2 {width: 100%; padding: 0 20px 20px; gap:0;}
	.sec01Layer .region .areaBox2 > div {width: 100%;}
	.sec01Layer .region .regionBox {margin: 20px 0 15px;}
}

/* 예식 시기별 계약 가격 정보 */
.periodLayer .periodBox p {display: none;}
.periodLayer .tableBox {width: 100%; overflow-x: auto;}
.periodLayer .tableBox table {min-width: 1200px; table-layout: fixed;}
.periodLayer .tableBox table tr {position: relative;}
.periodLayer .tableBox table thead th:first-child,
.periodLayer .tableBox table tbody th:first-child {position: sticky; top: 0px; left: 0; z-index: 1;}
.periodLayer .tableBox table thead th:first-child:after,
.periodLayer .tableBox table tbody th:first-child:after {content: ''; width: 1px; height: 100%; background:#dadada; display: block; position: absolute; right: -1px;top: 0;}


/* 예식장 가격 정보 */
.whallLayer .copyConts {padding: 0 30px;}
.whallLayer .copyConts .Boxstyl2 {padding: 0;}
.whallLayer .itemBox {display: flex; flex-wrap: wrap; gap: 50px;}
.whallLayer .itemBox > .item {width: calc(50% - 25px);}
.whallLayer .itemBox .itemChartBox {height: 200px;}
@media all and (max-width:1200px) {
	.whallLayer .layerBox {height: 830px;}
	.whallLayer .copyConts {padding: 0;}
	.whallLayer .itemBox > .item {width: 100%;}
	.whallLayer .tableBox.scroll {max-height: none;}
}


/* 예식장 가격 정보 (성수기/비수기) */
.seasonLayer .copyConts {padding: 0 30px;}
.seasonLayer .copyConts .Boxstyl2 {padding: 0;}
.seasonLayer .season .chartBox {gap: 50px;}
.seasonLayer .season .chartBox > div {height: 260px;}
@media all and (max-width:1200px) {
	.seasonLayer .copyConts {padding: 0;}
}
@media all and (max-width:768px) {
	.seasonLayer .layerBox {height: 600px;}
	.seasonLayer .season .chartBox {display: block;}
	.seasonLayer .season .chartBox > div {height: 180px;}
}

/* 스드메 가격 정보 */
.sdmLayer .copyConts {padding: 0 30px;}
.sdmLayer .copyConts .Boxstyl2 {padding: 0;}
.sdmLayer .copyConts > div {display: flex; flex-wrap: wrap; gap: 50px;}
.sdmLayer .copyConts > div > .item {width: calc(50% - 25px);}
.sdmLayer .copyConts > div .itemChartBox {height: 200px;}

@media all and (max-width:1200px) {
	.sdmLayer .layerBox {height: 830px;}
	.sdmLayer .copyConts {padding: 0;}
	.sdmLayer .copyConts > div {gap: 30px;}
	.sdmLayer .copyConts > div > .item {width: calc(50% - 15px);}

	.sdmLayer .copyConts > div > .item {width: 100%;}
	.sdmLayer .tableBox.scroll {max-height: none;}
}