@charset "UTF-8";

.root_daum_roughmap .cont {display: none;}

/* amimation */
[data-txt]{opacity:0; transition:all 1.6s ease; transform:translateY(40px);}
.animation-on [data-txt]{opacity:1; transform:translateY(0px);}
.animation-on [data-txt="01"]{transition-delay:0.1s;}
.animation-on [data-txt="02"]{transition-delay:0.2s;}

.quick{position: fixed; right: 0; top: 32%; z-index: 3; display: flex; flex-direction: column; gap:2px 0px;}

.Hfull{position: relative;}
.maintext_box{height: 100%; display: flex; align-items:center; justify-content: flex-start;justify-content: center;}
.maintext_box img{/* width: 100%; */max-width:100%;/*margin: 0 auto;*/}
.swiper_btn_wrap{display: flex;width: 94%;justify-content: space-between;position: absolute;top: 50%;z-index: 3;left: 0;right: 0;margin: 0 auto;}
.swiper_btn_wrap div{font-family: 'SUIT-Regular';width: 55px;height: 55px;border-radius: 50%;text-align: center;line-height: 55px;color: #ffffff;background: rgba(255, 255, 255, 0.25);font-size: 1.6rem;transition: all .4s ease;cursor: pointer;}
.swiper_btn_wrap div:hover{color: #ffffff;background: var(--c-01);}
.main1 .title{text-align: center; margin-bottom: 70px;}
.main1 .title h2{font-size: 4.0rem; font-weight: bold;}
.main1 .title h3{font-size: 1.8rem;font-weight: 400;margin-top: 10px;font-family: var(--font);}
.main1 .box_wrap{display: flex; flex-wrap: wrap; justify-content: center; gap: 30px 2%;}
.main1 .box{width: 28%; text-align: center;}
.main1 .box i{font-size: 3.5rem;color: var(--c-01);}
.main1 .box h2{font-size: 2.2rem;font-weight: bold;margin-top: 20px;margin-bottom: 10px;}
.main1 .box h3{font-size: 17px;font-weight: 500;line-height: 140%;font-family: var(--font);color: #444;}

.main-bg{position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; background-position:50% 50%;}
.main-bg--1{background-image:url('../img/main-bg1.png');}
.main-bg--2{background-image:url('../img/main-bg2.png');}

[data-visual="left bottom"] .maintext_box{display:flex; justify-content:flex-start;}
[data-visual="left"] .maintext_box img{margin-left: 0;}
[data-visual="left"] .maintext_box{ justify-content: flex-start;}

.main_img{display: flex;}
.main_img a{width: 33.33333%;}
.main_img a img{width: 100%;}

.main_map{background: #fff; }
.main_map .width{display: flex; justify-content: space-between; gap:30px 0px; align-items: center;}
.main_map .root_daum_roughmap{width: 55% !important;}
.main_map .text{width: 40%;}
.main_map .text h2{font-size: 3.5rem; font-weight: bold; margin-bottom: 20px;}
.main_map .text  ul li{display: flex;font-size: 18px;font-weight: 500;margin-top: 15px;/*font-family: var(--font);*/color: #444;}
.main_map .text  ul li span{font-weight: bold;margin-right: 5px;white-space: nowrap;/*font-family: var(--font);*/color: #000;}
.main_map .text .naver{width: 231px;height: 53px;line-height: 53px;border-radius: 5px;display: block;margin-top: 40px;background: var(--c-01);text-align: center;color: #fff;font-size: 1.8rem;font-weight: 500;}
.main_map .text .naver span{font-family: 'SUIT-Regular'; margin-left: 10px;}

#ft{background: #f7f7f7;}
#ft .foot_info{display: flex; gap:3px 1%; justify-content: center; flex-wrap: wrap;}
#ft .foot_info p{font-size: 15px; color: #777; font-weight: 400;}
#ft .foot_info span{font-size: 15px; color: #777; font-weight: 100;}
#ft .foot_info a{font-size: 1.7rem; color: #333; font-weight: 500;}
#ft .copyright{margin-top: 20px;}
#ft .copyright span{font-size: 1.7rem; color: #c3c3c3; font-weight: 900;}

.page1 .width{display: flex; justify-content: space-between; align-items: center; gap: 30px 0px;}
.page1 .width img{width: 45%; }
.page1 .text{width: 50%; margin-left: 5rem;}
.page1 .text h2{font-size: 3.2rem; font-weight: bold;}
.page1 .text h2 i{font-style: normal;color: var(--c-01);}
.page1 .text p{font-size: 1.7rem;font-weight: 400;margin-top: 20px;line-height: 1.5;color: #666;}
.page1 .text p b{color:#222; }
.page1 .text a{font-size: 3.0rem;font-weight: bold;display: block;margin-top: 26px;}
.page1 .text .call{display:block; margin-top:53px;}
.page1 .text .call a{margin-top: 10px;}
.page1 .text .call em {font-style: normal;margin-bottom: 6px;display: block;font-size: 15px;}
.page1 .text a i{color: var(--c-01);  position: relative;  top: 5px;}

.page2 .width:nth-child(1){margin-bottom: 90px;}
.page2 .width{display: flex; justify-content: space-between; align-items: center;}
.page2 .root_daum_roughmap{width: 50%;}
.page2 .text_wrap{width: 46%;}
.page2 .text_wrap .info{display: flex; margin-bottom: 40px;}
.page2 .text_wrap .info h2{font-size: 2.4rem;font-weight: bold;margin-bottom: 12px;}
.page2 .text_wrap .info p + em{display:block; margin-top:7px; font-size:15px; color:#898989;}
.page2 .text_wrap .info p{font-size: 1.8rem;font-weight: 300;color: #555;}
.page2 .text_wrap .info i{font-size: 2.5rem;margin-right: 10px;position: relative;top: 2px;}
.page2 .text_wrap .tel{font-size: 2.6rem; font-weight: bold; display: block; margin-bottom: 20px;}
.page2 .text_wrap .map{width: 250px;height: 45px;line-height: 45px;text-align: center;display: block;background: var(--c-01);color: #fff;font-size: 1.8rem;font-weight: 500;border-radius: 5px;}
.page2 .text_wrap .map span{font-family: 'SUIT-Regular'; margin-left: 10px;}
.page2 .width img{width: 45%; }

.page3{max-width: 1000px; margin: 0 auto;}
.page3 img{width: 100%;}

.page1 .w2{margin-top:5%;}
.page1 .w2 img{width:100%;}
.maintext_box a{margin-top:5%; border-bottom:1px solid #888; font-family:'GmarketSansMedium'; font-weight:700;}
.mt_bg{position:absolute; top:0; left:0; width:100%; height:100%;}

/* 게시판 */
a.btn_b01[title="글쓰기"]{background:var(--c-01); color:#fff; border-color:var(--c-01);}
#bo_v_con img{margin-top: 10px;}

@media all and (max-width: 1680px){
	.swiper_btn_wrap{width: 93%;}
}
@media all and (max-width: 1400px){}
@media all and (max-width: 1200px){}
@media all and (max-width: 1024px){
body:has(#header[data-hd-bg]) .Hfull{margin-top: 77px;}
   .Hfull, body:has(#header[data-hd-bg="dark"]) .Hfull{margin-top: 60px; height: 550px;}
  .maintext_box{width: 86% !important;}
  .maintext_box img{max-width: 50%;}
  .main1 .title h2{font-size: 2rem;}
  .main1 .title h3{font-size: 1.9rem;}
  .main1 .box{width: 32%;}
  .main1 .box h2{font-size: 2.1rem;}
  .main1 .box h3{font-size: 16px; color: #555; margin-top: 9px;}
  .main_map .text h2{font-size: 3.0rem;}
  .main_map .text ul li span{font-size: 1.8rem;}
  .main_map .text ul li{font-size: 1.8rem;}
  .board_title{padding-top: 110px;}
  .page1 .text h2{font-size: 2.8rem;}
  .page1 .text p{font-size: 1.8rem; margin-top: 14px;}
  .page1 .text a{font-size: 2.6rem; margin-top: 10px;}
  .page2 .text_wrap .info h2{font-size: 2.2rem;}
  .page2 .text_wrap .info i{font-size: 2.2rem;}
  .page2 .text_wrap .tel{font-size: 2.2rem;}
  .page3 .width img{width:100%;}
	[data-visual="left"] .maintext_box img{/* margin: 0 20px; */margin-left: 20px;margin-right: 20px;}
}

@media all and (max-width: 900px){
	.maintext_box{width: 100% !important; }
	.maintext_box{padding-top: 0px;  display: flex; align-items: center; padding-bottom: 0%; justify-content: center;}
	.Hfull .slide1{ background: url('../img/m_slide1.png')no-repeat; }
	.Hfull .slide2{background: url('../img/m_slide2.png')no-repeat; }
	.Hfull .swiper-slide{background-size: cover;background-position: 50% 80%;}
	.swiper_btn_wrap{display: none;}
	.maintext_box a{margin-top:3%; margin-left:3%; border-bottom:1px solid #888; font-family:'GmarketSansMedium'; font-weight:700;}

	[data-visual="left bottom"] .maintext_box{align-items:flex-end; margin:0 20px;}
	[data-visual="left bottom"] .maintext_box img{width:100%; margin-bottom:30px;}
}

@media all and (max-width: 850px){
  .main_map .width{flex-direction: column;}
  .main_map .text{width: 100%;}
  .main_map .root_daum_roughmap{width: 100% !important;}
  .main-bg--1{/*background-image:url('../img/mmain-bg1.png');*/}
  .main-bg--2{/*background-image:url('../img/mmain-bg2.png');*/}
  #ft .foot_info p{font-size: 1.5rem;}
  #ft .foot_info span{font-size: 1.5rem;}
  #ft .foot_info a{font-size: 1.5rem;}
  #ft .copyright span{font-size: 1.5rem;}
  #ft  .foot_logo img{height: 22px;}
  .page2 .width{flex-direction: column;}
  .page2 .root_daum_roughmap{width: 100%; margin-bottom: 30px;}
  .page2 .text_wrap{width: 100%;}
  .page1 .width{flex-direction: column;}
  .page1 .width img{width: 100%;}
  .page1 .text{width: 100%; margin-left: 0rem;}
  .main1 .title h2{font-size: 23px;}
}

@media all and (max-width: 768px){
body:has(#header[data-hd-bg]) .Hfull{margin-top:  60px;}
 .Hfull, body:has(#header[data-hd-bg="dark"]) .Hfull{margin-top: 60px; height:520px;}
  .main1 .box_wrap{flex-direction: column; gap:40px 0px;}
  .main1 .box{width: 100%;}
  #ft .foot_info{flex-direction: column;}
  #ft .foot_info span{display: none;}
}

@media all and (max-width: 650px){
	.maintext_box img{max-width: 282px;width: 90%;}
	.main1 .title h3{font-size:16px;}
	.main1 .box h2{font-size:18px;margin-bottom: 3px;}
	.main1 .box_wrap{gap:35px 0px;}
	.main1 .title{margin-bottom: 40px;}
	.maintext_box img{/*margin-bottom:50px;*/}

	.main_map .text ul li,
	.main_map .text ul li span{font-size:16px;}
	.main_map .text h2{font-size:2.5rem;}
	.main_map .text .naver{width:100%;}

	.page1 .text p{font-size: 16px; margin-top: 7px;}
	.page1 .text h2{font-size: 24px; line-height: 1.4;}
	.page1 .text a{ font-size: 23px; margin-top: 15px;}
}