@charset "UTF-8";

*, *:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.all_wrap{overflow: hidden;position: relative;}

.jarallax {position: relative;z-index: 0;height: 100%;}
.jarallax > .jarallax-img {position: absolute;  object-fit: cover;  top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: -1;}
.main_admin{display: none;}
@media all and (max-width:1024px) {
	.main_admin{position: fixed; z-index: 11; top:75px; right: 10px; display: block;}
	.main_admin a{font-size: 14px; background: #fff; border-radius: 5px; margin-bottom: 5px; width: 80px; height: 30px; display: inline-block; text-align: center; line-height: 30px; font-weight: 500;}
}
/* 공통 */
.width{width: 92% !important; max-width: 1400px; margin: 0 auto; position: relative;}
.common{padding: 90px 0px;}
:root{
--color: #0e3092;

--fs40: 4.0rem;
--fs32: 3.2rem;
--fs28: 2.8rem;
--fs26: 2.6rem;
--fs24: 2.4rem;
--fs22: 2.2rem;
--fs20: 2.0rem;
--fs18: 1.8rem;
--fs14: 1.4rem;
}
.board_title{margin-bottom: 50px; text-align: center; }
.board_title h2{font-size: var(--fs32); font-weight: 500; position: relative; display: inline-block; padding: 0px 150px; }
.sub_title h2{font-size: var(--fs32); font-weight: 500; position: relative; display: inline-block; }
.board_title h2::after{content: '';position: absolute; width: 110px; height: 1px; background: #ccc; right: 0; top: 50%; transform: translateY(-50%)}
.board_title h2::before{content: '';position: absolute; width: 110px; height: 1px; background: #ccc; left: 0; top: 50%; transform: translateY(-50%)}
.board_title p{margin-top: 25px; font-size: var(--fs18); line-height: 135%;}
.board_title h3{margin-top: 25px; font-size: var(--fs24); line-height: 135%; font-weight: 400; color: var(--color);}
.board_title h4{margin-top: 15px; font-size: var(--fs18); line-height: 135%; }
.center{text-align: center;}
.left{text-align: left;}
.su400{font-family: 'SUIT-Regular' !important;}
.su500{font-family: 'SUIT-Medium' !important;}
.su600{font-family: 'SUIT-SemiBold' !important;}
.su800{font-family: 'SUIT-ExtraBold' !important;}
.su900{font-family: 'SUIT-Heavy' !important;}
@media all and (max-width: 1024px) {
.common{padding: 60px 0px;}
.board_title{margin-bottom: 60px;}
.board_title h2{padding: 0px 15%;}
.board_title h2::after{width: 20px;}
.board_title h2::before{width: 20px;}
}

#header{width: 100%;position: fixed;top: 0;z-index: 999; transition: 0.3s all; box-shadow: 0px 1px 3px rgba(0,0,0,0.3); background: rgba(0,0,0,0.5);}
#header .header_width{width: 96%; margin: 0 auto;}
#header .head_login_wrap{display: flex; align-items: center;}
#header .head_login{display: flex;justify-content: flex-end;padding: 7px 10px; border: 1px solid #eee; border-radius: 30px; margin-right: 25px;}
#header .head_login li{margin:0px 5px;}
#header .head_login a{font-size: 1.4rem; color: #eee; white-space: nowrap; font-weight: 400;}
#header .head_login i{font-size: 20px;}
#header .head_menu .logo{}
#header.scroll{top:-36px;}
#header .head_menu{position: relative;display: flex;justify-content: space-between;align-items: center;width: 100%; height: 90px;}
#header .head_menu .main_menu { width: 70%; display: flex; justify-content: center; align-items: center; text-align: center; height: 100%; z-index: 9;}
#header .head_menu .main_menu .dept1 { width: 18%; position: relative; padding: 15px 0px;}
#header .head_menu .main_menu .dept1 > a { font-size: 1.9rem; font-weight: 400; color: #ccc;}
#header .head_menu .main_menu .dept1 > a.active { color: #fff; font-weight: bold; }
#header .head_menu .main_menu .dept1 > a.menuon { color: #fff; font-weight: bold; }
#header .head_menu .sub_menu { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 100%; padding-top: 20px; display: none; padding-bottom: 30px;}
#header .head_menu .main_menu .dept2 { padding: 12px 0px; background: rgba(0,0,0,0.3);}
#header .head_menu .main_menu .dept2:nth-child(1){border-top: 4px solid var(--color)}
#header .head_menu .main_menu .dept2 a { font-size: 1.8rem; display: block; font-weight: 400; color: #ccc;}
#header .main_menu .dept2>a:hover,
#header .main_menu .dept2>a:active,
#header .main_menu .dept2>a.menuon,
#header .main_menu .dept2>a:focus { color: #fff;font-weight: bold;}
#header .menu_bg {background: rgba(0,0,0,0.7);width: 100%;height: 0;left: 0;z-index: 1;position: absolute; }


/* 모바일 */
.mobile_head {width: 100%; height: 60px; display: flex; justify-content: space-between; align-items: center; padding: 0px 15px; display: none; position: fixed; background:rgba(0,0,0,0.5); z-index: 99; box-shadow: 0px 1px 3px rgba(0,0,0,0.3);}
.mobile_head .mobile_logo { width: 150px; }
.mobile_head .mobile_logo img { width: 100%; }
#mobile_menu {  display: none; position: fixed; top: 0; right: -100%; width: 100%; background: rgba(0,0,0,0.5); z-index: 1000; height: 100vh; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none;}
#mobile_menu::-webkit-scrollbar{display: none;}
#mobile_menu .mob_logo { width: 100%; padding: 0px 20px; height: 60px; background:#434a54;display: flex; justify-content: space-between; align-items: center;}
#mobile_menu .mob_logo a { width: 100px; }
#mobile_menu .mob_logo a img { width: 100%; }
#mobile_menu .mobile_close { font-size: 30px; cursor: pointer; color: #fff;}
#mobile_menu .mob_menu .top_menu {display: flex;justify-content: space-between; align-items: center; padding: 20px 20px;font-size: 18px;  border-bottom: 1px solid rgba(255,255,255,0.3); color: #fff;}
.mobile_open{font-size: 24px; color: #fff;}
#mobile_menu .mob_menu .top_menu.on { color: #fff; background: var(--color)}
#mobile_menu .mob_menu .sub_menu { padding: 15px 20px; border-bottom: 1px solid #ccc; background: #fff; visibility: visible; }
#mobile_menu .mob_menu .sub_menu a {display: block; color: #333 ;font-size: 17px; padding: 10px; background: #fff; font-weight: 400;}
#mobile_menu .mob_menu_btn{display: flex; padding: 10px 0px; margin: 0px 20px; justify-content: space-between;}
#mobile_menu .mob_menu_btn li{width: 49%;}
#mobile_menu .mob_menu_btn a{font-size: 17px;  background: #ddd;display: flex; height: 50px; justify-content: center; align-items: center;}
#mobile_menu .mob_menu_btn a i{font-size: 16px; margin-right: 5px;}
.mob_bg {  display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); z-index: 99;}

@media screen and ( max-width: 1400px ){
#pcmenu .topmenu { font-size: 16px; }
#pcmenu .submenu a { font-size: 14px; }
}
@media screen and ( max-width: 1024px ){
#header { display: none; }
.mobile_head{display: flex;}
}

/* 메인 풀 페이지 */

/* 슬라이드 백그라운드 */
#section0 .slide1{background: url('../img/visual01.png') no-repeat;background-position: center;background-size: cover; }
#section0 .slide3{background: url('../img/visual03.png') no-repeat;background-position: center;background-size: cover; }


#section1 {background: url('../img/back01.png') no-repeat;background-position: center;background-size: cover; padding: 60px 0px;}
#section2 {background: url('../img/back02.png') no-repeat;background-position: center;background-size: cover; padding: 60px 0px;}
#section3 {background: url('../img/back03.png') no-repeat;background-position: center;background-size: cover; padding: 60px 0px;}

/* 모바일용 백그라운드 입니다. 필요하신경우 주석을 풀고 파일명에 맞게 이미지를 ftp 업로드 해주세요. */
/* @media all and (max-width:768px) {
	#section0 .slide1{background: url('../img/mvisual01.png') no-repeat;background-position: center;background-size: cover; }
	#section0 .slide3{background: url('../img/mvisual03.png') no-repeat;background-position: center;background-size: cover; }

	#section1 {background: url('../img/mback01.png') no-repeat;background-position: center;background-size: cover; }
	#section2 {background: url('../img/mback02.png') no-repeat;background-position: center;background-size: cover;}
	#section3 {background: url('../img/mback03.png') no-repeat;background-position: center;background-size: cover;}
} */

#section0  .swiper_visual{height: 100%;}
#section0 .swiper-pagination{bottom: 40px;}
#section0 .swiper-pagination-bullet{opacity: 1; background: #eee;}
#section0 .swiper-pagination-bullet-active{ background: #fff; width: 25px; border-radius: 10px;}
.main_text {display: flex;justify-content: flex-end; align-items: center; height: 100%;}
.main_text h2 {color: #fff;font-family: 'Montaga', serif;font-size: var(--fs40);background: url('../img/visual_bg.png') no-repeat;padding: 130px 30px;width: 695px;height: 437px;position: relative; }
.main_text h2 span {position: absolute;opacity: 0.7; font-size: var(--fs40);}
.main_text h2 span.mtext_left {left: -40px;top: 110px; }
.main_text h2 span.mtext_right {right: 68px; }

#fp-nav ul li a span, .fp-slidesNav ul li a span {background: #fff; }
#fp-nav ul li .fp-tooltip {opacity: 1;overflow: initial; font-family: 'Pretendard'; font-size: var(--fs14);}
#fp-nav ul li, .fp-slidesNav ul li {margin: 30px 5px; }

.main_title p{color: #fff; font-size: var(--fs22);  font-weight: 500; font-family: 'Montaga', serif; letter-spacing: 0.1em; margin-bottom: 5px;}
.main_title h2{color: #fff; font-size: var(--fs32); margin-bottom: 70px; font-weight: 500; }
@media all and (max-width: 1024px){
	.main_text h2{width: 100%; height: auto; background: none;}
	.main_text h2 span.mtext_left{left: -4px;}
	.main_text h2 span.mtext_right{right: initial;}
}
@media all and (max-width: 768px){
	.main_text h2{padding: 15px 0px 0px 25px; font-size: var(--fs28); letter-spacing: -0.04em;}
	.main_text h2 span.mtext_left{top: 0;}
}


/* 솔루션 */
#section1 .main_title{text-align: center;}
.solution_wrap{display: flex; gap: 15px 1.7%;}
.solution_wrap .solu_box{padding: 40px 30px; background: #fff; width: 32%;display: flex; flex-direction: column; justify-content: space-between;}
.solution_wrap .solu_box h3{font-size: var(--fs26); font-weight: bold; padding-top: 25px; border-top: 3px solid #000;}
.solution_wrap .solu_box h4{font-size: var(--fs18); font-weight: 300; margin-top: 30px; line-height: 130%; margin-bottom: 40px;}
.solution_wrap .solu_box p span{font-weight: bold; font-size: var(--fs18); word-break: keep-all; display: inline-block; margin-right: 15px; line-height: 170%;}
.solution_wrap .solu_box a{margin-top: 40px; display: inline-block; width: 160px; height: 50px; border: 2px solid #000; font-size: var(--fs18); font-weight: 500; display: flex; align-items: center; justify-content: center;}
.solution_wrap .solu_box a span{font-size:var(--fs22); margin-left: 15px;}
.solution_wrap .solu_box:hover{background: var(--color); color: #fff;}
.solution_wrap .solu_box:hover h3{border-top: 3px solid #fff;}
.solution_wrap .solu_box:hover a{border: 2px solid #fff; background: #fff; color: var(--color);}
@media all and (max-width: 1024px){
	.main_title h2{margin-bottom: 60px;}
	.solution_wrap .solu_box{padding: 25px 15px;}
	.solution_wrap .solu_box h3{padding-top: 15px;}
	.solution_wrap .solu_box h4{margin-top: 15px; margin-bottom: 15px;}
	.solution_wrap .solu_box a{margin-top: 25px; height: 40px;}
}
@media all and (max-width: 850px){
	.solution_wrap{flex-wrap: wrap; gap: 15px 2%;}
	.solution_wrap .solu_box{width: 49%;}
}
@media all and (max-width: 650px){
	.solution_wrap .solu_box{width: 100%; padding: 20px;}
	.solution_wrap .solu_box h3{font-size: 2.2rem;}
	.solution_wrap .solu_box h4{font-size: 1.6rem;}
	.solution_wrap .solu_box p span{font-size: 1.6rem;}
	.solution_wrap .solu_box a{margin-top: 15px; font-size: 1.6rem; width: 140px;}
	.solution_wrap .solu_box a span{font-size: 2.0rem; margin-left: 10px;}
}

/* 메인오시는 길 */
#section2 .main_title{text-align: center;}
#section2 .map_wrap{height: 40vh;}
#section2 .map_company{background:  var(--color); padding: 40px 30px; color: #fff;}
#section2 .map_company h2{border-bottom: 1px solid #fff;}
@media all and (max-width: 850px){
	.map_wrap iframe{width: 100% !important;}
}

/* 뉴스레터 */
#section3 .main_title{text-align: center;}
@media all and (max-width: 850px){
	.pic_lt ul{flex-wrap: wrap; gap: 15px 1.5%;}
	.pic_lt ul li{width: 49%; padding: 12px !important;}
	.pic_lt .lt_wrap .lt_text_top .lt_text_con a:first-child{letter-spacing: -0.04em;}
	.pic_lt .lt_wrap .lt_text_top .lt_text_con a:last-child{letter-spacing: -0.04em;}
}
@media all and (max-width: 650px){
	.pic_lt ul li{width: 100%;}
}

/* 하단 */
#ft{background: #222;padding: 40px 0px; width: 100%;}
.foot_logo{display: block; text-align: center;margin-bottom: 20px; padding-bottom: 30px; border-bottom: 1px solid #8e8e8e;}
.foot_info span{font-size: 1.4rem; color: #ddd; margin: 0px 10px; line-height: 170%;}
.foot_info a{font-size: 1.4rem; color: #ddd; margin: 0px 10px; line-height: 170%;}
#ft .copyright{margin-top: 30px; color: #ccc;}
#ft .copyright span{font-size: 1.4rem;}
#ft .foot_service{margin-top: 20px;}
#ft .foot_service a {font-size: 1.4rem; color: #9e9e9e;}
#ft .foot_service a:first-child{margin-right: 10px;}
@media all and (max-width: 768px) {
.foot_info{display: flex; flex-direction: column;}
.foot_info span{margin: 0px; line-height: 140%;}
}

/* sub_visual */
.sub_visual{width: 100%;height: 350px;background-repeat: no-repeat !important;background-size: cover !important;background-position: center top !important; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.sub_visual .sub_top_text{text-align: center; color: #fff; padding-top: 70px;}
.sub_visual .sub_top_text h3{font-size: var(--fs40); position: relative;}
.sub_visual .sub_top_text p{font-size: var(--fs22);font-weight: 600;}
@media all and (max-width: 1024px) {
.sub_visual{height: 220px;}
.sub_visual .sub_top_text{padding-top: 60px;}
.sub_visual .sub_top_text h3{font-size: 3.2rem;}
}

/* lnb */
.lnb_wrap{position: relative;}
.lnb{background: #f9f9f9; border-bottom: 1px solid #ddd;}
.lnb .lnb_map{height: 60px; display: flex; align-items: center; border-left: 1px solid #f1f1f1;}
.lnb .lnb_map .home{width: 60px; height: 100%;background: #f9f9f9;display: flex;justify-content: center;align-items: center;}
.lnb .lnb_map .home a{color: #333;}
.lnb .lnb_map .home i{font-size: 20px;}
.lnb .lnb_map > li{width: 250px; height: 100%;border-right: 1px solid #f1f1f1; padding: 0px 15px;position: relative;}
.lnb .lnb_map li.dep a{width: 100%; height: 100%;display: flex;align-items: center; font-size: 14px;}
.lnb .lnb_map li.dep a span{width: 100%;display: flex; justify-content: space-between;align-items: center; font-size: 1.7rem; color: #333;}
.lnb .lnb_map li.dep a span i{font-size: 24px;}
.lnb .lnb_map li.dep ul{display: none;position: absolute;left: 0; top: 61px;width: 100%;z-index: 10;}
.lnb .lnb_map li.dep ul li{width: 100%; background: #f9f9f9; border-bottom: 1px solid #fff;}
.lnb .lnb_map li.dep ul li a{padding: 15px 15px;font-size: 1.6rem;}
.lnb .lnb_map li.dep ul li a:hover{background: ; color: var(--color);transition: 0.3s all; font-weight: bold;}
.lnb .lnb_map li.dep ul li:hover{border-bottom: 1px solid var(--color)}
.lnb .lnb_map li.dep ul li a.on{background: #f1f1f1;}

@media screen and (max-width:1400px) {
.lnb .lnb_map{width: 100% !important;}
}
@media screen and (max-width:900px){
.lnb .lnb_map{height: 55px;}
.lnb .lnb_map .home i{font-size: 16px;}
.lnb .lnb_map li.dep ul{top: 56px;}
}
@media screen and (max-width:600px){
.lnb .lnb_map{height: 50px;}
.lnb .lnb_map .home{width: 12%;}
.lnb .lnb_map li{width: 44%;}
.lnb .lnb_map li:last-child{width: 44%;}
.lnb .lnb_map li.dep ul{top: 51px;}
.lnb .lnb_map li.dep a{font-size: 12.5px;}
.lnb .lnb_map li.dep ul li a{font-size: 12.5px;}
}

/* 인사말 */

.greeting_wrap{display: flex; align-items: flex-start; justify-content: space-between;}
.greeting_wrap .greeting_text{width: 52%;}
.greeting_wrap .greeting_text h2{color: var(--color); font-weight: 600; font-size: var(--fs28); margin-bottom: 40px;}
.greeting_wrap .greeting_text p{font-size: var(--fs20); color: #333; line-height: 130%;}
.greeting_wrap .greeting_text p:last-child{margin-top: 20px;}
.greeting_wrap .greeting_img{width: 42%;}
.greeting_wrap .greeting_img img{width: 100%;}

.greeting_info{margin-top: 100px; border-top: 3px solid var(--color); display: flex; flex-wrap: wrap;}
.greeting_info li{width: 50%; display: flex; min-height: 60px; border-bottom: 1px solid #ddd;}
.greeting_info li:last-child{width: 100%;}
.greeting_info li p{min-width: 180px; background: #f6f6f6; display: flex; align-items: center; justify-content: center; font-size: var(--fs18); font-weight: 500;}
.greeting_info li span{width: 100%; padding-left: 15px; display: flex; align-items: center; font-size: var(--fs18); color: #333;}
@media screen and (max-width:1024px) {
.greeting_wrap .greeting_text h2{margin-bottom: 20px; font-size: var(--fs24);}
}
@media screen and (max-width:950px) {
.greeting_wrap{flex-direction: column;}
.greeting_wrap .greeting_text{width: 100%; margin-bottom: 50px;}
.greeting_wrap .greeting_text p:last-child{margin-top: 15px;}
.greeting_wrap .greeting_img{width: 100%;}
}
@media screen and (max-width:768px) {
.greeting_info{margin-top: 60px;}
.greeting_info li p{min-width: 140px;}
.greeting_info li{width: 100%;}
}


/* 연혁 */

.history_circle{width: 120px; height: 120px; background: #222;border-radius: 50%;color: #fff; display: flex; align-items: center; justify-content: center; margin: 0 auto; margin-bottom: 80px;}
.history_circle p{text-align: center; font-size: 1.8rem;}
.history_wrap{position: relative;}
.history_wrap .history_line{position: absolute; width: 1px; height: 100%; background: #ccc; left: 0; right: 0; margin: 0 auto;}
.history_left{ width: 50%; text-align: right; position: relative; padding-right: 50px; margin-bottom: 40px;}
.history_left img{ width: 100%; margin-top: 20px;}
.history_left h2{font-size: var(--fs22); margin-bottom: 15px; font-weight: 500;}
.history_left p{ font-size: var(--fs18); line-height: 130%;}
.history_right{width: 50%; margin: 0 0 0 auto; position: relative; padding-left: 50px; margin-bottom: 40px;}
.history_right img{ width: 100%; margin-top: 20px;}
.history_right h2{font-size: var(--fs22); margin-bottom: 15px; font-weight: 500;}
.history_right p{ font-size: var(--fs18); line-height: 130%;}
.history_left::after{content: ''; position: absolute; width: 16px; height: 16px; border-radius: 50%; background: #fff; border: 4px solid #364F6B; right: -8px; top: 0;}
.history_right::after{content: ''; position: absolute; width: 16px; height: 16px; border-radius: 50%; background: #fff; border: 4px solid #364F6B; left: -8px; top: 0;}
@media screen and (max-width:950px) {
	.history_circle{margin-bottom: 60px;}
}
@media screen and (max-width:850px) {
	.history_wrap .history_line{display: none;}
	.history_left{width: 100%; padding-left: 30px; padding-right: 0px;text-align: left;}
	.history_right{width: 100%; padding-left: 30px; padding-right: 0px;}
	.history_left::after{right: initial; left: -8px;}
	.history_box{padding-bottom: 30px; border-bottom: 1px dotted #ccc; margin-bottom: 30px;}
	.history_box:last-child{border-bottom: 0px;}
	.history_box::after{left: 0px; }
}


/* 구성원소개 */

.people_box{display: flex; padding: 50px 30px 50px 30px; justify-content: space-between; align-items: center;}
.people_box:nth-of-type(2n){background: #f6f6f6;}
.people_box .people_img{width: 32%; padding: 10px; border:  1px solid #ccc; background: #fff;}
.people_box .people_img img{width: 100%; background: #ccc;}
.people_box .people_text{width: 65%; padding-left: 3%;}
.people_box .people_text h2{font-size: var(--fs26); font-weight:
600; padding-bottom: 15px; margin-bottom: 17px; border-bottom: 2px solid #ddd;}
.people_box .people_text h2 span{font-size: var(--fs22);}
.people_box .people_text h3{font-size: var(--fs20); font-weight: 500; margin-bottom: 15px;}
.people_box .people_history{display: flex; justify-content: space-between;}
.people_box .people_history ul{width: 49.5%;}
.people_box .people_history ul li{display: flex; line-height: 130%; margin-bottom: 10px; color: #333; font-weight: 400;}
.people_box .people_history ul li span{margin-right: 7px;}
@media screen and (max-width:1024px){
	.people_box .people_text{width: 60%;}
	.people_box .people_img{width: 45%;}
}
@media screen and (max-width:850px){
	.people_box{padding: 20px; flex-direction: column; margin-bottom: 50px;}
	.people_box:last-child{margin-bottom: 0px;}
	.people_box .people_img{width: 100%; margin-bottom: 30px;}
	.people_box .people_text{padding-left: 0px; width: 100%;}
}
@media screen and (max-width:768px){
	.people_box .people_history{flex-direction: column; height: 250px; overflow-y: scroll;}
	.people_box .people_history ul{width: 100%;}
}

/* 오시는 길 */

.map_wrap{width: 100%; position: relative;}
.root_daum_roughmap{width: 100% !important; height: 100%;}
.root_daum_roughmap .wrap_controllers{display: none;}
.map_wrap .map_company{position: absolute; z-index: 3; right: 0; bottom: -70px; background: #253d5b; padding: 30px 40px;}
.map_wrap .map_company h2{padding-bottom: 20px; border-bottom: 1px solid #ccc;}
.map_wrap .map_company h2 img{width: 170px; }
.map_wrap .map_company ul{display: flex; margin-top: 20px;}
.map_wrap .map_company ul li{display: flex; align-items: center; font-size: var(--fs20); color: #fff;}
.map_wrap .map_company ul li:first-child{margin-right: 50px;}
.map_wrap .map_company ul li i{font-size: 2.4rem; margin-right: +6px;}
/* 맵버튼 */
.map_btn{margin-top: 160px; text-align: center; display: flex; justify-content: center;}
.map_btn a{display: flex; align-items: center; justify-content: center; width: 250px; height: 55px; font-size: var(--fs20); font-weight: 500; color: #fff;}
.map_btn a > i{font-size: 30px; margin-right: 10px;}
.map_btn a:first-child{border: 1px solid #00c63b; background:#00c63b; margin-right: 15px;}
.map_btn a:last-child{border: 1px solid #f9e200; background: #f9e200; color: #3d1d1c;}
/* 교통 */
.visit_wrap{margin-top: 100px;}
.visit_wrap .visit_box{display: flex;justify-content: space-between; align-items: flex-start; padding-bottom: 40px; border-bottom: 1px solid #ccc; margin-bottom: 40px;}
.visit_wrap .visit_box:last-of-type{margin-bottom: 0px; padding-bottom: 0px; border-bottom: 0px;}
.visit_wrap .visit_box h3{display: flex; align-items: center; font-size: var(--fs26); width: 30%;}
.visit_wrap .visit_box h3 i{width: 40px; height: 40px; border-radius: 7px; background: var(--color); color: #fff; text-align: center; line-height: 40px; position: relative; z-index: 2; margin-right: 15px; font-weight: 100;}
.visit_wrap .visit_box ul{width: 70%;}
.visit_wrap .visit_box ul li{font-size: 1.8rem; line-height: 130%; margin-top: 20px;}
.visit_wrap .visit_box ul li:first-of-type{margin-top: 0px;}
.visit_wrap .visit_box ul li span{display: inline-block; width: 60px; height: 30px; line-height: 30px;text-align: center; background:#525e75; color: #fff; border-radius: 3px; margin-right: 10px; font-size: 14px;}
.visit_wrap .visit_box ul li span.bus1{background: #BDD2B6;}
.visit_wrap .visit_box ul li span.bus2{background: #A2B29F;}
.visit_wrap .visit_box ul li span.bus3{background: #798777;}
.visit_wrap .visit_box ul li span.way1{background: #FFD36E;}
.visit_wrap .visit_box ul li span.way2{background: #4C657E;}
.visit_wrap .visit_box ul li span.way3{background: #F29696;}
.visit_wrap .visit_box ul li span.way4{background: #B7C4CF;}

@media all and (max-width: 850px) {
.map_wrap .map_company{position: relative; bottom: initial;}
.map_btn{margin-top: 10px;}
.visit_wrap .visit_box{flex-direction: column;}
.visit_wrap .visit_box h3{width: 100%; margin-bottom: 20px;}
.visit_wrap .visit_box ul li{margin-top: 12px;}
.visit_wrap .visit_box ul{width: 100%; padding-left: 55px;}
}
@media all and (max-width: 768px) {
.map_wrap .map_company ul{flex-direction: column;}
.map_wrap .map_company ul li:first-child{margin-right: 0px; margin-bottom: 20px;}
.map_btn a{width: 50%;}
.map_btn a:first-child{margin-right: 10px;}
}

/* 제도/절차01 */

#process1{background: #f8fbff;}
#process1 .process_wrap {display: flex; justify-content: space-around;}
#process1 .box{width: 23%; background: #fff; padding: 40px 0px; text-align: center;}
#process1 .box h2{ font-size: 40px; width: 110px; height: 110px; border-radius: 50%; background:  #f6f6f6; line-height: 110px; margin: 0 auto; color: #333;}
#process1 .box p{font-size: var(--fs22); font-weight: 600; margin-top: 30px; padding-bottom: 15px; margin-bottom: 17px; position: relative; text-align: center;}
#process1 .box p::after{content: ''; width: 40px; height: 2px; background: #ccc; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto;}
#process1 .box span{font-size: var(--fs18); color: #333; text-align: center; line-height: 120%; padding: 0px 10px; display: inline-block;}
#service{padding-top: 90px;}
#service .service_box_wrap{display: flex; flex-wrap: wrap; gap: 30px 2%;}
#service .box{width: 49%; border: 1px solid #ddd;}
#service .box h3{padding: 12px 3px; background: #253d5b;; text-align: center; font-weight: 600; font-size: var(--fs22); color: #fff;}
#service .box .text{padding: 20px 25px;}
#service .box .text p{font-size: var(--fs18); line-height: 135%; display: flex; margin-bottom: 15px;}
#service .box .text p:last-child{margin-bottom: 0px;}
#service .box .text p span{margin-right: 7px;}
@media all and (max-width: 1024px) {
	#process1 .box{padding: 20px 5px;}
	#service{padding-top: 60px;}
}
@media all and (max-width: 900px){
	#process1 .process_wrap{flex-wrap: wrap; gap: 15px 2%;}
	#process1 .box{width: 49%;}
}
@media all and (max-width: 768px){
	#service .box{width: 100%;}
	#process1 .box h2{width: 90px; height: 90px; line-height: 90px;}
	.board_title p br{display: none;}
	.board_title h4 br{display: none;}
	.board_title h3{margin-top: 10px; font-size: 2.1rem;}
	#process1 .box p{margin-top: 15px; margin-bottom: 8px; padding-bottom: 8px;}
	#process1 .box span{padding: 0px; font-size: 1.6rem;}
	#service .box .text{padding: 20px 10px;}
	#service .box .text p{letter-spacing: -0.04em;}
}

/* 제도/절차02 */
#process2{background: #f8f8f8;}
#process2 .sub_title{margin-bottom: 50px;}
#process2 .process_wrap{display: flex; flex-wrap: wrap; gap: 20px 3%;}
#process2 .box{display: flex; width: 48.5%; border-radius: 5px; overflow: hidden; background: #fff; box-shadow: 0px 0px 3px rgba(0,0,0,0.2);}
#process2 .box h2{font-size: var(--fs26); font-weight: bold; color: #fff; min-width: 70px; background: #253d5b; display: flex; align-items: center; justify-content: center;}
#process2 .box .text{padding: 12px 15px; width: 100%;}
#process2 .box .text p{font-size: var(--fs20); font-weight: 500; margin-bottom: 7px;}
#process2 .box .text span{color: #333; display: block; line-height: 130%;}
@media all and (max-width: 768px){
	#process2 .sub_title{margin-bottom: 35px;}
	#process2 .box{width: 100%;}
	#process2 .box .text span{letter-spacing: -0.04em;}
}

/* 공연안내/show03 */
#process3{background: #f9f9f9;}
#process3 .business_box{display: flex; justify-content: space-between; margin-bottom: 80px;}
#process3 .business_box:last-child{margin-bottom: 0px;}
#process3 .business_box .business_title{width: 26%;}
#process3 .business_box .business_title h3{font-size: var(--fs24); display: flex; align-items: center; font-weight: 500;}
#process3 .business_box .business_title h3 span{font-size: 15px; color: #364F6B; margin-right: 15px;}
#process3 .business_box .business_text{width: 74%;}
#process3 .business_box .business_text p{font-size: var(--fs18); color: #333; line-height: 130%; margin-bottom: 20px;}
#process3 .business_box .business_text p:last-child{margin-bottom: 0px;}
.service_area01 .service_wrap{margin-top: 50px; display: flex; flex-wrap: wrap;  gap: 60px 2%;}
.service_area01 h2{font-size: var(--fs28); font-weight: 500;}
.service_area01 .service_box{width: 32%; box-shadow: 0px 1px 4px rgba(0,0,0,0.2); position: relative; background: #fff;}
.service_area01 .service_box .service_img{position: relative;}
.service_area01 .service_box .service_img img{width: 100%;}
.service_area01 .service_box .service_title{background: #fff; position: absolute; width: 80%; margin: 0 auto; padding: 20px 0 0 0; text-align: center; bottom: 0px; left: 0; right: 0;}
.service_area01 .service_box .service_title span{ font-family: 'Montaga', serif; color:#253d5b; font-size: 1.6rem; font-weight: 500; margin-bottom: 5px; display: inline-block;}
.service_area01 .service_box .service_title h2{font-size: var(--fs22); position: relative; padding-bottom: 20px; font-weight: 500;}
.service_area01 .service_box .service_title h2::after{content: ""; position: absolute; width: 30px; height: 2px; background: #666; bottom: -3px; left: 0; right: 0; margin: 0 auto;}
.service_area01 .service_box .service_text{padding: 30px 20px 25px 20px;}
.service_area01 .service_box .service_text p{display: flex; font-size: var(--fs18); line-height: 130%; margin-bottom: 15px;}
.service_area01 .service_box .service_text p:last-child{margin-bottom: 0px;}
.service_area01 .service_box .service_text span{margin-right: 10px;}

@media all and (max-width: 1024px) {
.service_area01 .service_box{width: 49%;}
.service_area01 .service_wrap{margin-top: 60px;}
}
@media all and (max-width: 650px) {
.service_area01 .service_box{width: 100%;}
.service_area01 .service_box .service_text{padding: 30px 20px 40px 20px;}
}

@media all and (max-width: 768px) {
#process3 .business_box{margin-bottom: 50px; flex-direction: column;}
.business_area03 .business_box .business_title{width: 100%; margin-bottom: 20px;}
#process3 .business_box .business_text{width: 100%; padding-left: 25px;}
}







/* 대관 page01 */
/* 원하는 조각들을 복사해서 붙여 넣은 후 #labor1~3 으로 변경해주세요. */
#labor1 .board_title{margin-bottom: 80px; }
/* 회색테두리 */
#labor1 .labor_top{margin: 0 auto; border: 20px solid #f6f6f6; padding: 4% 8%; position: relative; max-width: 1000px; }
#labor1 .labor_top h2{position: absolute; top: -25px; left: 0; right: 0; margin: 0 auto; padding: 0px 30px; background: #fff; width: 80%; text-align: center; font-size: var(--fs24); font-weight: 500;}
#labor1 .labor_top h2 b{color: var(--color)}
#labor1 .labor_top h3{font-size: var(--fs18); line-height: 130%; text-align: center; margin-bottom: 20px; color: #333;}
#labor1 .labor_top h3:last-child{margin-bottom: 0px;}
/* 백그라운드가 있는 텍스트 */
#labor1 .labor_bg{background: url('../img/labor1.png')no-repeat; background-position: center; background-size: cover; margin-top: 80px; padding: 15px;}
#labor1 .labor_bg .text{padding: 6% 7%; border: 1px solid rgba(255,255,255,0.4);}
#labor1 .labor_bg p{font-size: var(--fs18); color: #fff; text-align: center; line-height: 130%; margin-bottom: 20px;}
#labor1 .labor_bg p:last-child{margin-bottom: 0px;}
#labor1 .labor_text{margin-top: 80px;}
#labor1 .labor_text > h2{font-size: var(--fs28); font-weight: 500; margin-bottom: 10px;}
#labor1 .labor_text > h2 span{font-size: 24px; color: #568AE5;}
#labor1 .labor_text > h3{font-size: var(--fs20);  line-height: 130%;}
/* 사건과정 부분 */
#labor1 .labor_table{display: flex; border-radius: 5px; overflow: hidden; border: 1px solid #ccc; margin-top: 40px; margin-bottom: 20px;}
#labor1 .labor_table .box{width: 50%; text-align: center;}
#labor1 .labor_table .box{border-right: 1px solid #ccc;}
#labor1 .labor_table .box:last-child{border-right: 0px;}
#labor1 .labor_table .box h4{padding: 14px 2px; background:#253d5b ; color: #fff; font-weight: 700; font-size: var(--fs18);}
#labor1 .labor_table .box h5{padding: 14px 2px; border-bottom: 1px solid #ccc; font-weight: 400; font-size: var(--fs18);}
#labor1 .labor_table .box h5:last-child{border-bottom: 0px;}
#labor1 .labor_text p{color: #de1111; line-height: 130%; font-size: var(--fs18);}
@media all and (max-width: 1024px){
	#labor1 .labor_bg{margin-top: 60px;}
}
@media all and (max-width: 768px){
	#labor1 .labor_top h2{font-size: 2.2rem; top: -20px;}
	#labor1 .labor_top{border: 10px solid #f6f6f6; padding: 30px 20px;}
	#labor1 .labor_bg .text{padding: 20px 15px;}
	#labor1 .labor_table{flex-direction: column; border: none; gap: 20px 0px;}
	#labor1 .labor_table .box{width: 100%; border: 1px solid #ccc; overflow: hidden; border-radius: 5px;}
	#labor1 .labor_table .box:last-child{border-right: 1px solid #ccc;}
}


/* 대관 page02 */
#labor2 .board_title{margin-bottom: 80px; }
/* 회색테두리 */
#labor2 .labor_top{margin: 0 auto; border: 20px solid #f6f6f6; padding: 4% 8%; position: relative; max-width: 1000px; }
#labor2 .labor_top h2{position: absolute; top: -25px; left: 0; right: 0; margin: 0 auto; padding: 0px 30px; background: #fff; width: 80%; text-align: center; font-size: var(--fs24); font-weight: 500;}
#labor2 .labor_top h2 b{color: var(--color)}
#labor2 .labor_top h3{font-size: var(--fs18); line-height: 130%; text-align: center; margin-bottom: 20px; color: #333;}
#labor2 .labor_top h3:last-child{margin-bottom: 0px;}
/* 백그라운드가 있는 텍스트 */
#labor2 .labor_bg{background: url('../img/labor1.png')no-repeat; background-position: center; background-size: cover; margin-top: 80px; padding: 15px;}
#labor2 .labor_bg .text{padding: 6% 7%; border: 1px solid rgba(255,255,255,0.4);}
#labor2 .labor_bg p{font-size: var(--fs18); color: #fff; text-align: center; line-height: 130%; margin-bottom: 20px;}
#labor2 .labor_bg p:last-child{margin-bottom: 0px;}
#labor2 .labor_text{margin-top: 80px;}
#labor2 .labor_text > h2{font-size: var(--fs28); font-weight: 500; margin-bottom: 10px;}
#labor2 .labor_text > h2 span{font-size: 24px; color: #568AE5;}
#labor2 .labor_text > h3{font-size: var(--fs20);  line-height: 130%;}
/* 사건과정 부분 */
#labor2 .labor_table{display: flex; gap: 30px 2.5%; overflow: hidden; margin-top: 40px; margin-bottom: 20px;}
#labor2 .labor_table .box{width: 32%; text-align: center; border-radius: 5px; overflow: hidden; border: 1px solid #ccc;}
#labor2 .labor_table .box{border-right: 1px solid #ccc;}
#labor2 .labor_table .box h4{padding: 14px 2px; background:#253d5b ; color: #fff; font-weight: 700; font-size: var(--fs18);}
#labor2 .labor_table .box h5{padding: 14px 2px; border-bottom: 1px solid #ccc; font-weight: 400; font-size: var(--fs18);}
#labor2 .labor_table .box h5:last-child{border-bottom: 0px;}
#labor2 .labor_text p{color: #de1111; line-height: 130%; font-size: var(--fs18);}
@media all and (max-width: 1024px){
	#labor2 .labor_bg{margin-top: 60px;}
}
@media all and (max-width: 850px){
	#labor2 .labor_table{flex-direction: column;}
	#labor2 .labor_table .box{width: 100%;}
}
@media all and (max-width: 768px){
	#labor2 .labor_top h2{font-size: 2.2rem; top: -20px;}
	#labor2 .labor_top{border: 10px solid #f6f6f6; padding: 30px 20px;}
	#labor2 .labor_bg .text{padding: 20px 15px;}
}


/* 대관 page03 */
#labor3{padding-top: 90px;}
#labor3 .board_title{margin-bottom: 80px; }
/* 회색테두리 */
#labor3 .labor_wrap{display: flex; justify-content: space-between; align-items: center; margin-bottom: 80px;}
#labor3 .labor_top{width: 50%;border: 20px solid #f6f6f6; padding: 4% 8%; position: relative; }
#labor3 .rent_wrap{display: flex; justify-content: space-between; align-items: center; margin-bottom: 80px;}
#labor3 .rent_top{width: 100%;border: 20px solid #f6f6f6; padding: 4% 8%; position: relative; }
/* 회색 테투리 옆 사진 */
#labor3 .labor_ect{width: 46%; border-radius: 5px; overflow: hidden;}
#labor3 .labor_ect img{width: 100%;}
#labor3 .labor_top h2{position: absolute; top: -25px; left: 0; right: 0; margin: 0 auto; padding: 0px 30px; background: #fff; width: 80%; text-align: center; font-size: var(--fs24); font-weight: 500;}
#labor3 .labor_top h2 b{color: var(--color)}
#labor3 .labor_top h3{font-size: var(--fs18); line-height: 130%; text-align: center; margin-bottom: 20px; color: #333;}
#labor3 .labor_top h3:last-child{margin-bottom: 0px;}
/* 백그라운드가 있는 텍스트 */
#labor3 .labor_bg{background: url('../img/labor1.png')no-repeat; background-position: center; background-size: cover;  padding: 15px;}
#labor3 .labor_bg .text{padding: 6% 7%; border: 1px solid rgba(255,255,255,0.4);}
#labor3 .labor_bg p{font-size: var(--fs18); color: #fff; text-align: center; line-height: 130%; margin-bottom: 20px;}
#labor3 .labor_bg p:last-child{margin-bottom: 0px;}
/* 사건 아이콘 박스 */
#labor3 .labor3_ver{background: #f6f6f6;}
#labor3 .labor3_ver .width > h2{text-align: center; font-size: var(--fs28); font-weight: 500; margin-bottom: 50px;}
#labor3 .labor3_ver .width > p{color: #de1111; line-height: 130%; font-size: var(--fs18);}
#labor3 .labor3_ver .box_wrap{display: flex; flex-wrap: wrap; justify-content: center; gap: 40px 3%; margin-bottom: 30px;}
#labor3 .labor3_ver .box{background: #fff; width: 20%; border-radius: 5px; border: 1px solid #eee; text-align: center; padding: 30px 3px 45px 3px;}
#labor3 .labor3_ver .box span i{color: #253d5b; font-size: 5.0rem; }
#labor3 .labor3_ver .box p{margin-top: 20px; font-size: var(--fs20); font-weight: 400;}
@media all and (max-width: 1024px){
	#labor3 .labor_top{border: 10px solid #f6f6f6; padding: 30px 20px;}
	#labor3 .labor_top h2{font-size: 2.2rem; top: -20px; }
}
@media all and (max-width: 850px){
	#labor3 .labor_wrap{flex-direction: column-reverse;}
	#labor3 .labor_ect{width: 100%; margin-bottom: 50px;}
	#labor3 .labor_top{width: 100%;}
	#labor3 .labor3_ver .box_wrap{justify-content: flex-start; gap:25px 3%;}
	#labor3 .labor3_ver .box{width: 31.3%;}
}
@media all and (max-width: 768px){
	#labor3 .labor_bg .text{padding: 20px 15px;}
	#labor3 .labor_bg .text{width: 100% !important;}
}
@media all and (max-width: 650px){
	#labor3 .labor3_ver .box{width: 48.5%;}
}


/* 대관사용료 page03 */
#labor4{padding-top: 90px;}
#labor4 .board_title{margin-bottom: 80px; }
/* 회색테두리 */
#labor4 .labor_wrap{display: flex; justify-content: space-between; align-items: center; margin-bottom: 80px;}
#labor4 .labor_top{width: 80%;border: 20px solid #f6f6f6; padding: 4% 8%; position: relative; }
/* 회색 테투리 옆 사진 */
/*#labor4 .labor_ect{width: 46%; border-radius: 5px; overflow: hidden;}
#labor4 .labor_ect img{width: 100%;}
#labor4 .labor_top h2{position: absolute; top: -25px; left: 0; right: 0; margin: 0 auto; padding: 0px 30px; background: #fff; width: 80%; text-align: center; font-size: var(--fs24); font-weight: 500;}
#labor4 .labor_top h2 b{color: var(--color)}
#labor4 .labor_top h3{font-size: var(--fs18); line-height: 130%; text-align: center; margin-bottom: 20px; color: #333;}
#labor4 .labor_top h3:last-child{margin-bottom: 0px;}
/* 백그라운드가 있는 텍스트 */
#labor4 .labor_bg{background: url('../img/labor1.png')no-repeat; background-position: center; background-size: cover;  padding: 15px;}
#labor4 .labor_bg .text{padding: 6% 7%; border: 1px solid rgba(255,255,255,0.4);}
#labor4 .labor_bg p{font-size: var(--fs18); color: #fff; text-align: center; line-height: 130%; margin-bottom: 20px;}
#labor4 .labor_bg p:last-child{margin-bottom: 0px;}
/* 사건 아이콘 박스 */
#labor4 .labor4_ver{background: #f6f6f6;}
#labor4 .labor4_ver .width > h2{text-align: center; font-size: var(--fs28); font-weight: 500; margin-bottom: 50px;}
#labor4 .labor4_ver .width > p{color: #de1111; line-height: 130%; font-size: var(--fs18);}
#labor4 .labor4_ver .box_wrap{display: flex; flex-wrap: wrap; justify-content: center; gap: 40px 3%; margin-bottom: 30px;}
#labor4 .labor4_ver .box{background: #fff; width: 20%; border-radius: 5px; border: 1px solid #eee; text-align: center; padding: 30px 3px 45px 3px;}
#labor4 .labor4_ver .box span i{color: #253d5b; font-size: 5.0rem; }
#labor4 .labor4_ver .box p{margin-top: 20px; font-size: var(--fs20); font-weight: 400;}
@media all and (max-width: 1024px){
	#labor4 .labor_top{border: 10px solid #f6f6f6; padding: 30px 20px;}
	#labor4 .labor_top h2{font-size: 2.2rem; top: -20px; }
}
@media all and (max-width: 850px){
	#labor4 .labor_wrap{flex-direction: column-reverse;}
	#labor4 .labor_ect{width: 100%; margin-bottom: 50px;}
	#labor4 .labor_top{width: 100%;}
	#labor4 .labor4_ver .box_wrap{justify-content: flex-start; gap:25px 3%;}
	#labor4 .labor4_ver .box{width: 31.3%;}
}
@media all and (max-width: 768px){
	#labor4 .labor_bg .text{padding: 20px 15px;}
	#labor4 .labor_bg .text{width: 100% !important;}
}
@media all and (max-width: 650px){
	#labor4 .labor4_ver .box{width: 48.5%;}
}



/* 페이지 네비, 게시판 등 */
#bo_gall .is_notice{border-radius: 30px;}
.quick_banner{z-index: 99; right: 20px; bottom: 20px; position: fixed;animation: quickBounce .8s infinite alternate;}
#top_btn{width: 45px; height: 45px;border: none; background: #fff; border-radius: 50%;box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2); transition: 0.3s all;}
#top_btn span{font-size: 14px; font-weight: bold;}
#top_btn:hover{background: #eee; color: #000;}

.floating_menu { width: 45px; height: 45px; border-radius: 50%; background: var(--color); position: fixed; bottom: 72px; z-index: 99; }
.floating_menu input { position: absolute; width: 45px; height: 45px; margin: 0; opacity: 0; cursor: pointer; }
.floating_menu input:checked ~ .floating_plus { transform: rotate(135deg); }
.floating_menu input:checked ~ .floating_nav li:nth-child(1) { transform: translatey(-52px); opacity: 1; }
.floating_menu input:checked ~ .floating_nav li:nth-child(2) { transform: translatey(-104px); opacity: 1; }
.floating_menu input:checked ~ .floating_nav li:nth-child(3) { transform: translatey(-156px); opacity: 1; }
.floating_menu input:checked ~ .floating_nav li:nth-child(4) { transform: translatey(-208px); opacity: 1; }
.floating_menu input ~ .floating_plus { transform: rotate(0); }
.floating_menu > .floating_plus { display: flex; justify-content: center; align-items: center; width: 45px; height: 45px; font-size: 20px; color: #FFFFFF; background:var(--color); border-radius: 50%; transform: rotate(0); transition: all 0.5s ease; pointer-events: none; box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2); }
.floating_menu > .floating_plus i { line-height: normal !important; }
.floating_menu > .floating_nav { display: flex; justify-content: center; align-items: center; padding: 0; margin: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; }
.floating_nav li { display: flex; justify-content: center; align-items: center; width: 45px; height: 45px; border-radius: 50%; background: #fff; cursor: pointer; position: absolute; transition: all 0.5s ease; box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2); opacity: 0; }
.floating_menu > .floating_nav li a i { font-size: 20px; color: #222; }
.floating_menu > .floating_nav li a i.xi-kakaotalk { font-size: 28px; margin-top: 3px; }
/* 퀵메뉴 바운스 효과 */
/* @keyframes quickBounce {from {transform: translateY(0px);}to {transform: translateY(-15px);  }}
@keyframes quickBounce2 {0%,80%,100% {-webkit-transform: scale(0);	transform: scale(0);}
40% {-webkit-transform: scale(1.0);	transform: scale(1.0);}} */

.pg_wrap{margin-top: 60px; display: flex; justify-content: center; width: 100%;}
.pg_wrap .pg{display: flex;}
.pg_page{width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; margin: 0 2px; background-color: none; border: 1px solid #ccc;}
.pg_current{border: 1px solid #8e8e8e; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; margin: 0 2px; background: none;}

@media all and (max-width: 1400px) {
:root{
	--fs40: 3.4rem;
	--fs32: 2.8rem;
	--fs26: 2.3rem;
}
}
/* 갤러리 */
@media all and (max-width: 1024px) {
html{font-size: 55% !important;}
.gall_row .col-gn-4{width: 33.33333%;}
.gall_row .col-gn-5{width: 25%;}
}

@media all and (max-width: 850px) {
.gall_row .col-gn-4, .gall_row .col-gn-3, .gall_row .col-gn-5{width: 50%;}
#bo_cate li{width: 25%; margin-bottom: 10px;}
#bo_cate ul{flex-wrap: wrap;}
}

@media all and (max-width: 600px) {
.gall_row .col-gn-4, .gall_row .col-gn-3, .gall_row .col-gn-5, .gall_row .col-gn-2{width: 100%;}
}


/* 공통 반응형 */
@media all and (max-width: 1200px){}
@media all and (max-width: 1024px){
	.main_title h2{font-size: var(--fs28);}
}
@media all and (max-width: 900px){}
@media all and (max-width: 768px){}
@media all and (max-width: 650px){}

/*  */