body{padding-left: 50px;padding-right: 50px; margin-bottom:0px;color:#fff;font-size:15px; color:#5b595b;}
* {margin:0; padding:0;}
A:link {
	COLOR: #000; TEXT-DECORATION: none;
}
A:hover {
	COLOR: #898989; text-decoration: underline;
}
A:visited {
	COLOR: #898989; TEXT-DECORATION: none;
}
/* header start */

h1{height:80px;position:static;text-align:left;border-bottom:solid 1px #d8d8d8;left:30px;}
h1 img{padding-top:30px;}

h2{position: relative;top:0;left:50%; transform: translateX(-50%);text-align:center;padding-top:10px;height:40px;margin:0;}
h2 .stext{color:#ff7700;font-size:25px;letter-spacing:1px;line-height:300%;font-family:"Nanum Gothic", "Malgun Gothic",  dotum;font-weight:bold;}
/* header end */

/* container start */
ul, li {list-style:none;}
h1 {font-size:2.4em;}
h2 {font-size:2.0em;}
h3 {font-size:1.8em;}
h4 {font-size:1.1em; padding-left:10px;}
h5 {font-size:1.4em;}
h6 {font-size:1.2em;}
.info{clear:both; background-color:#f5f5f5; border:1px solid #ff7700;padding:5px 2% 5px 2%;line-height:1.7em;}
.both11 *{vertical-align:top;}
.both11 img{padding-top:5px;}
.both11{*zoom:1;height:39px;margin-top:50px;}
/* container end */

/* footer start */
footer{background-color: #ff7700; margin: 0 -50px; margin-left: -50px; padding: 20px 0; text-align: center; letter-spacing: 0.4px;color: white;font-size: 12px;}
.bold{margin-bottom: 5px;}

/* footer end */


/* header start */

/* header end */

/* modal popup table 모달팝업창 -모달 테이블 */
.btnDiv02{line-height: 44px;float: right;}
.btn05{background: #0a9ca9;}
.btn06{background: #b5ae17;}
.btn05, .btn06{border-radius: 3px;text-align: center;padding: 4px 10px 4px;font-size: 1.4rem;font-weight: 700;display: inline-block;color: #ffffff;}
.btn05 span, .btn06 span{font-size: 1.6rem;line-height: 1.2;vertical-align: unset;color: #ffffff;}

.modal_table{border-top:2px solid #ff7700; border-bottom:2px solid #ff7700;width: 100%;}
.modal_table th{background: #f1f1f1;padding: 8px 0px;font-size: 1.0rem;border: 1px solid #dedede;}
.modal_table td{text-align: center;padding: 8px 0px;font-size: 1.0rem;border: 1px solid #dedede;}


.modal_input02{width: 100px;}
.modal_table .tlt, .tlt{padding: 10px 5px;}
.modal_table .line,.line{border-right: 1px solid #d1d1d1 !important;}
.modal_table .line2,.line2{border-right: 1px solid #d1d1d1 !important;}
.modal_left{width: 48%; text-align: right; float: left;}
.modal_right{width: 48%; text-align: left; float: left;margin-left: 4%;}
.modal_center{width: 100%;text-align: center;}
.modal_table span{margin:0 10px 0 20px;}

.title-box {
  display: inline-block;
  text-align: left;
  margin-top: 20px;
  margin-left: 12px; /* 왼쪽 여백 추가 */
  margin-bottom:11px;
}

.title-icon {
  display: block;
  height: 6px;
  margin-bottom:4px;
}

.title-text {
  font-size: 19px;
  font-weight: bold;
  color: #222;
  margin: 0;
}

#section-37 .section-container{padding: 3%}  						/* 전체섹션 상하좌우 영역설정 */
#section-37 ul:after{display:block;visibility:hidden;clear:both;content:""}	
#section-37 ul li{position:relative;width:25%;float:left;overflow:hidden;}		/*width로 이미지 갯수 조절  */
#section-37 ul li img{transition:all 0.4s cubic-bezier(0.5,0,0,1.25);transform:scale(1.01);width: 100%;height:auto;display: block;}
#section-37 ul li .text{font-size:14px;font-weight:400;line-height:1.3em;color:#fff;position:absolute;width:100%;height:100%;z-index:3;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:rgba(0,0,0,0.2);transition:all .2s ease-in-out;}
#section-37 ul li .text .subject{font-family:'Hanna', sans-serif;font-size:22px;color:#fff;font-weight:normal;letter-spacing:0.05em;transition:all .2s ease-in-out;margin-bottom:10px;}
#section-37 ul li .text .tel{margin-top:5px;font-family:'Montserrat', sans-serif;font-weight:400;letter-spacing:0.05em;}
#section-37 ul li .text:after{font-family:'newfont';position:absolute;bottom:-40px;left:50%;margin-left:-18px;width:36px;height:36px;border:1px solid #fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:all 0.3s cubic-bezier(0.5,0,0,1.25);}
#section-37 ul li:hover img{transform:scale(1.1);}
#section-37 ul li:hover .text{background:rgba(0,0,0,0.6);background:rgba(255,126,31,0.8)}
#section-37 ul li:hover .text:after{bottom:20px;}
#section-37 ul li:hover .text .subject{color:#fff}
#section-37 ul li .icon-link-set{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;display:flex;align-items:center;justify-content:center;gap:12px}
#section-37 ul li .icon-link-set a{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,0.8);display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease-in-out;}
#section-37 ul li .icon-link-set a:hover{background:rgba(255,255,255,1);}
#section-37 ul li .icon-link-set a:before{font-family:'newfont';font-size:17px;}


/*____________________________ List page(gallery) ____________________________*/

#section-12 .gall_con .textSubject a {
  color: #fff;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
}


#section-12 .gall_con .textSubject a:hover:after {
  color: rgba(255,126,31,1);
  background: #fff;
}

/* 갤러리 슬라이드 */
#section-12 .swiper-container {
    height: 420px !important;
}
#section-12 .swiper-slide {
    width: auto !important;
    height: 420px !important;
    opacity: 1;
    position: relative;
}
#section-12 .swiper-slide img {
    width: auto;
    height: 420px !important;
    object-fit: cover;
}

/* Hover 레이어 */
#section-12 .swiper-slide .gall_con {
    opacity: 0;
    transition: all 0.3s ease-in-out;
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(255,126,31,0.9);
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
	text-align: center; /* 긴 글자 중앙 정렬 */
    flex-direction: column;
}

/* 제목 스타일 */
#section-12 .gall_con .textSubject {
    font-size: 21px;
    font-weight: normal;
    color: #fff;
    letter-spacing: 0.07em;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	word-break: break-word; /* 긴 텍스트 줄바꿈 */
}

/* 바로가기 span */
#section-12 .gall_con .textSubject .go-text {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
    padding: 0 15px;
    height: 32px;
    line-height: 1em;
    font-size: 13px;
    font-weight: 600;
    border: 1px solid #fff;
    border-radius: 35px;
    transition: all 0.2s ease-in-out;
}

/* Hover 효과 */
#section-12 .swiper-slide:hover .gall_con {
    opacity: 1;
}
#section-12 .gall_con .textSubject a:hover .go-text {
    color: rgba(255,126,31,1);
    background: #fff;
}

/* 내용 숨김 */
#section-12 .gall_con .textContent {
    display: none;
}
	
.textSubject{font-size:15px;font-weight:600;color:#0d0d0d;line-height:1.5em;z-index:2;word-break:break-all;}
.textSubject a:hover{color:#000;}
.textContent{max-width:100%;font-size:13px;line-height:1.5em;font-weight:normal;color:#484848;}
/*.textContent br{display:none;}*/

.list_infoSet{position:relative;font-size:11px;color:#888888;display:flex;align-items:center;flex-wrap:wrap;}
.list_infoSet span{}
.list_infoSet span:after{content:'';display:inline-block;width:1px;height:8px;background:rgba(0,0,0,0.1);margin:0 10px;}
.list_infoSet span:last-child:after{display:none;}
.list_infoSet span:last-child{margin-right:0;}
.list_infoSet .writeInfo{flex: 0 0 auto;margin:5px 0;}
.list_infoSet .iconSet{flex: 0 0 auto;margin:5px 0;}
.list_infoSet .iconSet.flex{margin-left:auto;}
	.writeInfo .writer{font-size:12px;font-weight:bold;color:#333333;}
	.writeInfo .date{font-family:'Montserrat', sans-serif;font-weight:400;}
.list_infoSet .writeInfo + .iconSet:not(.flex):before{content:'';display:inline-block;width:1px;height:8px;background:rgba(0,0,0,0.1);margin:0 10px;}
	.iconSet{font-weight:400;}
	.iconSet .num{font-family:'Montserrat', sans-serif;margin-left:4px;}
	.iconSet .info_good.new .num{color:#ff6060;}
	.iconSet [class*='icon_']{margin-left:12px;}
	.iconSet [class*='icon_']:first-child{margin-left:0;}
	.iconSet [class*='icon_']:before{display:inline-block;vertical-align:middle;}

* + .textSubject{margin-top:10px;}
* + .textContent{margin-top:10px;}
* + .cate_link.back{margin-top:10px;}
* + .list_infoSet{margin-top:15px;}

/************** gallerySwiper **************/ 
.gallerySwiper .swiper-container{position:relative;width:100%;height:auto;cursor:grab;/*overflow:hidden;*/}
.gallerySwiper .swiper-container .swiper-wrapper{position:relative;}
.gallerySwiper .swiper-slide{position:relative;display:block;}
.gallerySwiper .swiper-slide:active{cursor:grabbing;}
.gallerySwiper .cate_link{font-size:12px;display:inline-block;color:rgba(71,78,103,0.6);font-weight:600;}
.gallerySwiper .cate_link:hover{color:#4b86ff;}
.gallerySwiper .cate_link:after{display:block;visibility:hidden;clear:both;content:""}
.gallerySwiper .cate_link.front{height:14px;line-height:14px;background:rgba(71,78,103,0.4);color:#fff;}
.gallerySwiper .cate_link.front:hover{background:#4b86ff;}
.gallerySwiper .cate_link.back{display:inline-block;}	
.gallerySwiper .mb_img{margin-right:5px;margin-top:-2px;}
.gallerySwiper .btn-slide{cursor:pointer;}

/* 1) 슬라이더 래퍼를 위치 기준*/
.gallerySwiper { position: relative; }

/* 2) 버튼 자체(둥근 배경) */
.gallerySwiper .btn-slide{
  position:absolute;
  top:50%; transform:translateY(-50%);
  width:46px; height:46px;
  display:flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,0.5);
  border-radius:50%;
  box-shadow:0 1px 6px rgba(0,0,0,0.1);
  cursor:pointer; z-index:11;
}

/* 3) 좌우 위치 */
.gallerySwiper .btn-slide.prev{ left:-100px; }
.gallerySwiper .btn-slide.next{ right:-100px; }

/* 4) 화살표(순수 CSS, 폰트 불필요) */
.gallerySwiper .btn-slide::before{
  content:'';
  width:12px; height:12px;
  border:3px solid rgba(53,57,69,0.4);
  border-top:0; border-left:0;     /* ┘ 모양 만들고 */
}

/* 방향 회전 */
.gallerySwiper .btn-slide.prev::before{ transform: rotate(135deg); }  /* ← */
.gallerySwiper .btn-slide.next::before{ transform: rotate(-45deg); }  /* → */

/* 호버 효과 */
.gallerySwiper .btn-slide:hover{ 
  background:rgba(255,255,255,0.95);
  box-shadow:0 3px 8px rgba(0,0,0,0.15);
}
.gallerySwiper .btn-slide:hover::before{
  border-color: rgba(53,57,69,0.7);
}

/* 화살표 상하 위치 */
.gallerySwiper .btn-slide{ top:50%; transform:translateY(-50%); }

.gallerySwiper .btn-slide.swiper-button-disabled:before{content:'';cursor:default;background:rgba(0,0,0,0.1);color:rgba(255,255,255,0.7);box-shadow:none;transform:scale(0.4)}
/* pagination(default) */
.gallerySwiper .pagination {text-align:center;width:100%;position:relative;margin-top:40px;}
.gallerySwiper .pagination .swiper-pagination-bullet{display:inline-block;width:8px;height:8px;border-radius:50%;background:rgba(53,57,69,0.25);font-size:0;margin:0 5px;vertical-align:middle;cursor:pointer;transition:all .1s ease-in-out;opacity:1;}
.gallerySwiper .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:rgba(53,57,69,0.6);vertical-align:middle;}
