@charset "utf-8";

/* ******************  메인 레이아웃(Fullpage) ********************** */
#fullpage #mainVisual{height:100vh}
@media all and ( min-width: 1281px ) and (max-height: 750px) {
	#fullpage .section:not(#mainFooter){min-height:750px;}
	#fullpage .section .fp-tableCell{height:100% !important;}
}

/* active */
@media all and (min-width:1281px){
	.main-wrap #header{top:calc(-1 * (var(--header-height) + var(--header-top)));}
	.main-active #header {top:var(--header-top);}
	.main-wrap #header.hide { top: -390px; transition: top 0.8s ease;}
}

/* ******************  메인 비주얼 ********************** */
#mainVisual{overflow:hidden; width:100%; height:100vh; height:calc(100vh - var(--header-height)); position:relative; background-color:#000 }
.main-visual-con .slick-track,
.main-visual-con .slick-list {
	-webkit-perspective: 2000;
	-webkit-backface-visibility: hidden;
}
.main-visual-con, 
.main-visual-con .slick-list,  
.main-visual-con .slick-track, 
.main-visual-item{
	height:100%;
}
.main-visual-con{z-index:1;}
/* 메인 비주얼 :: 이미지 */
.main-visual-item{position:relative;}
.main-visual-item .main-visual-img{
	width:100%;
	height:100%;
	background-size:cover !important;
	transform: scale(1.08,1.08);
}
.main-visual-item .main-visual-m-img{display:none;}
.main-visual-item.active-item .main-visual-img{animation: image-zoom-out 8s 0s forwards;}
/* 메인 비주얼 :: 텍스트 */
.main-visual-txt-con{
	position:absolute; 
	left:0px; top:0;
	width:100%; 
	height:100%;
	z-index:1;
}
.main-visual-txt-box{
	display:flex;
	align-items:center;
	justify-content: center;
	text-align: center;
	height:100%;
}
.main-visual-txt-box .main-visual-txt1,
.main-visual-txt-box .main-visual-txt2,
.main-visual-txt-box .main-visual-txt3,
.main-visual-txt-box .main-visual-more-btn{
	opacity:0; 
}
.main-visual-txt-box .main-visual-txt1{font-size:6.5rem; font-weight: 400; letter-spacing:-0.020em; color:#fff; margin-bottom:2rem;}
.main-visual-txt-box .main-visual-txt1 b {font-weight: 700;}
.main-visual-txt-box .main-visual-txt2{font-size:2.2rem; letter-spacing:-0.05em; color:#fff; line-height: 1.3;}

/* 메인 비주얼 :: 텍스트 :: active효과 */
.active-item .main-visual-txt1,
.active-item .main-visual-txt2,
.active-item .main-visual-txt3,
.active-item .main-visual-more-btn{
	animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
}
.active-item .main-visual-txt1{animation-delay:0.1s;}
.active-item .main-visual-txt2{animation-delay:0.3s;}
.active-item .main-visual-txt3{animation-delay:0.5s;}
.active-item .main-visual-more-btn{animation-delay:0.8s;}
.main-visual-txt-box .cm-word-split-JS.splitting .char{animation: text-fade-out 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}
.active-item .main-visual-txt-box .cm-word-split-JS.splitting .char{animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}

/* 메인 비주얼 :: Animation */
@keyframes image-zoom-out {
	from {
		transform: scale(1.08,1.08)
	}
	to {
		transform: scale(1.0,1.0)
	}
}
@keyframes text-active-animation {
	from {
		opacity:0;filter:Alpha(opacity=0);
		-webkit-transform: translateY(50px); 
		transform: translateY(50px); 
	}
	to {
		opacity:1.0;filter:Alpha(opacity=100);
		-webkit-transform: translateY(0); 
		transform: translateY(0); 
	}
}
@keyframes text-fade-out {
	from {
		opacity:1.0;filter:Alpha(opacity=100);
	}
	to {
		opacity:0;filter:Alpha(opacity=0);
	}
}

/* 메인 비주얼 :: Dots */
.main-visual-con .slick-dots-wrapper{position:absolute; left:0; bottom:5rem; width:100%; text-align:center; z-index:11;}
.main-visual-con .slick-dots{display:inline-block; vertical-align:top; *display:inline;*zoom:1; }
.main-visual-con .slick-dots li{float:left; margin-left:15px; }
.main-visual-con .slick-dots li:first-child{margin-left:0}
.main-visual-con .slick-dots li button{position: relative; cursor:pointer; margin:0px; padding:0px; vertical-align:top; width:15px; height:15px; background-color:rgba(255,255,255,0.3); font-size:0; border-radius:50%; border:5px solid transparent; box-sizing:border-box; transition:var(--transition-custom);}
.main-visual-con .slick-dots li button:before{position: absolute; content:''; top:50%; left:50%; transform:translate(-50%, -50%); width:20px; height:20px; border-radius:50%; border:4px solid #fff; opacity:0; box-sizing:border-box; transition:var(--transition-custom);}
.main-visual-con .slick-dots li.slick-active button{background:transparent;}
.main-visual-con .slick-dots li.slick-active button:before{opacity:1;}


/* 메인 비주얼 :: 스크롤아이콘 */
.main-scroll-icon{position:absolute; bottom:55px; left:50%; margin-left:-40px; text-align:center; z-index:9; animation: upDown 1.5s ease-in-out infinite;}
.main-scroll-icon span{display:block; color:#fff; padding-bottom:1.5rem; font-size: 1rem; font-weight:600; }
.main-scroll-icon .circle {margin: 0 auto; position: relative; display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; border-radius: 2.5rem;  box-sizing: border-box}
.main-scroll-icon .circle i {color: #fff; font-size: 12px;}
.main-scroll-icon .circle::before, 
.main-scroll-icon .circle::after {position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; pointer-events: none; border: 0.2rem solid #fff; border-radius: 50%; margin: -0.2rem; box-sizing: border-box;}
.main-scroll-icon .circle::before { opacity: 1; transform: scale(1); animation: scrollAni01 1.0s ease-in-out infinite;}
.main-scroll-icon .circle::after{visibility: visible; opacity: 0; transform: scale(0.5); animation: scrollAni02 1.0s ease-in-out infinite;}

@keyframes scrollAni01 {
	0% {
		 opacity: 1; transform: scale(1); border-width: 0.2rem;
	}
	100% {
		transform: scale(1.5); opacity: 0; border-width: 0.1rem;
	}
}
@keyframes scrollAni02 {
	0% {
		opacity: 0; transform: scale(0.5);
	}
	100% {
		transform: scale(1); opacity: 1; border-width: 0.2rem;
	}
}
@media all and ( min-width: 801px ){
	.main-scroll-icon:hover{border-color: transparent;}
	.main-scroll-icon:hover::before {transition: all 0.5s ease-in-out; transform: scale(1.5); opacity: 0; border-width: 0.1rem;}
	.main-scroll-icon:hover::after {transition: all 0.3s ease-in-out;transform: scale(1); opacity: 1; border-width: 0.2rem;}
}

/* 메인 비주얼 :: Contact 버튼 */
.main-contact-btn {position: absolute; right: -10rem; top: 50%; margin-top: -11rem; display: flex; flex-direction:column; align-items: center; justify-content: space-between; width: 6rem; height: 22rem; padding: 3rem 0; box-sizing: border-box; border-radius: 2.5rem 0 0 2.5rem; background: var(--main-color); z-index: 100; transition: right 0.8s ease;}
.main-contact-btn em {font-size: 1.8rem; font-weight: 600; font-weight: 600; letter-spacing: -0.02em; color: #fff; writing-mode: tb;}
.main-contact-btn i {font-size: 2rem; color: #fff;}

.main-contact-btn.active {right: 0;}

/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
/* 공통 :: 타이틀 */
.main-tit-box{}
.main-tit-box.center-tit {text-align:center;}
.main-tit-box .main-tit-en {position: relative; top: 5.5rem; left: -5rem; font-size: 10rem; font-weight: 400; letter-spacing: -0.02em; color: rgba(0,168,168,0.15);}
.main-tit-box.center-tit .main-tit-en {left: 0;}
.main-tit-box .main-tit{position: relative; font-size: 6.5rem; font-weight: 700; letter-spacing: -0.05em; color: #222222; line-height: 1.1; z-index: 1;}
.main-tit-box .main-tit strong{font-weight:600;} 
.main-tit-box .main-txt{font-size: 2rem; font-weight: 500; letter-spacing: -0.05em; color: rgba(34,34,34,0.6); line-height: 1.4; padding-top: 2rem;}

.main-tit-box.main-txt-effect .main-tit-en { transform: translateX(100px); opacity: 0; transition: all 1.0s ease-in-out;}
.main-tit-box.main-txt-effect .main-tit { transform: translateX(-100px); opacity: 0; transition: all 1.0s ease-in-out;}
.main-tit-box.main-txt-effect .main-txt { transform: translateY(30px); opacity: 0;  transition: var(--transition-custom2);}

.main-tit-box.animated .main-tit-en,
.main-tit-box.animated .main-tit {transform: translateX(0); opacity:1;}
.main-tit-box.animated .main-txt {transform: translateY(0); opacity:1;}

/* 공통 :: 버튼 */
.main-more-btn {position: relative; display: flex; align-items: center; justify-content: space-between; width: 18rem; height: 4.7rem; border-bottom: 3px solid #000000; margin-top: 9.5rem; transition: var(--transition-custom);}
.main-more-btn:before {position: absolute; content: ''; bottom: -3px; left: 0; width: 0; height: 3px; background: var(--main-color); transition: var(--transition-custom); z-index: 1;}
.main-more-btn em {font-size: 1.8rem; font-weight: 700; letter-spacing: -0.02em; color: #000000; transition: var(--transition-custom);}
.main-more-btn i {font-size: 2rem; color: #000; transition: var(--transition-custom);}

.main-more-btn:hover em, 
.main-more-btn:hover i {color: var(--main-color);}
.main-more-btn:hover:before {width: 100%;}


/* 공통 :: 화살표 */
.main-arrow-box {position: relative; left: -1rem; display: flex; align-items: center; margin-top: 5rem;}
.main-arrow-box .arrow-button {position: relative; font-size: 4rem; color: rgba(0,0,0,0.2); transition: all 0.4s;} 
.main-arrow-box .arrow-button.arrow-prev:before {position: absolute; content: ''; right: -0.1rem; top: 50%; margin-top: -1rem; width: 0.2rem; height: 1.6rem; background: #dddddd; }
.main-arrow-box .arrow-button:hover {color: #000;}

/* -------- 메인 컨텐츠 :: 컨텐츠1 (진료분야) -------- */
#mainBusiness {position: relative; background: #fff;}
#mainBusiness:before {position: absolute; content: ''; bottom: 0; left: 0; width: 100%; height: 40%; background: #f2f2f2; }
#mainBusiness .main-tit-box {padding-top: 5rem;}

.main-business-list-wrap {padding: 5.5rem 0 10rem !important;}
.main-business-list-wrap.swiper-container-free-mode .swiper-wrapper{transition-timing-function: linear;}
.main-business-list li { border-radius: 3rem; box-shadow: 2rem 2rem 3rem rgba(0,0,0,0.2);}
.main-business-list li:nth-child(even){margin-top: 5.5rem;}
.main-business-list li a {position: relative; display: block; width: 100%; border-radius: 3rem; overflow: hidden;}
.main-business-list li a .bg-img {position: relative; width: 100%; height: 0; padding-top: 140.4%;}
.main-business-list li a .bg-img:before {position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; border-radius: 3rem; background: rgba(0,0,0,0.4); transition: all 0.3s;}
.main-business-list li a .txt-box {position: absolute; left: 0; bottom:7rem; width: 100%; height: 100%; padding: 4rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; z-index: 1; transform: translateY(72%); transition: var(--transition-custom);}
.main-business-list li a .txt-box .tit {display: block; font-size: 3rem; font-weight: 600; letter-spacing: -0.05em; color: #fff; line-height: 1.3; padding-bottom:1.5rem}
.main-business-list li a .txt-box .txt {font-size: 1.6rem;  color: #fff;  line-height: 1.3; }
/*.main-business-list li a:hover .bg-img:before {opacity: 0.2;}*/
.main-business-list li a:hover .txt-box {transform: translateY(66%);}




/* -------- 메인 컨텐츠 :: 컨텐츠2 (why?) -------- */
#customMember {
  height: 100vh;
  display: flex;
  align-items: stretch;
  background: #f2f2f2;
  position: relative;
  
}

.custom-member-con {
  display: flex;
  width: 100%;
  height: 100%;
}

.custom-left-con {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #f2f2f2;
}

.custom-tit-box h5 {
  font-size: 2.8rem;
  margin-bottom: 1.5rem;
}

.custom-tit-box .custom-tit {
  font-size: 4rem;
  font-weight: bold;
}

.custom-tit-box .custom-txt {
  font-size: 1.8rem;
  line-height: 1.5;
  margin-top: 1.5rem;
}

.custom-arrow-box {
position: relative; left: -1rem; align-items: center; text-align:center; margin-top: 5rem;}


.custom-arrow-box button {
position: relative; font-size: 4rem; color: rgba(0,0,0,0.2); transition: all 0.4s;}

.custom-arrow-box button.custom-arrow-prev:before {position: absolute; content: ''; right: -0.3rem; top: 50%; margin-top: -1rem; width: 0.2rem; height: 1.6rem; background: #dddddd; }
.custom-arrow-box button:hover {color: #000;}


.custom-right-con {
  width: 50%;
  height: 100%;
}

.custom-right-con .swiper {
  width: 100%;
  height: 100%;
}

.custom-right-con .swiper-slide {
  background-size: cover;
  background-position: center;
  height: 100%;
  width: 100%;
}


@media (max-width: 767px) {
  #customMember {
    flex-direction: column;
  }

  .custom-member-con {
    flex-direction: column;
  }

  .custom-left-con {
    width: 100%;
    padding: 3rem 2rem;
    order: 2;
  }

  .custom-right-con {
    width: 100%;
    height: 50vh;
    order: 1;
  }

  .custom-tit-box h5,
  .custom-tit-box .custom-tit {
    text-align: center;
  }

  .custom-arrow-box {
    text-align: center;
  }
}
 /* 마우스포인트 */
.mouse-pointer{position:fixed; top:0px; left:0px; z-index:10000; pointer-events:none;}
.is-mobile .mouse-pointer{visibility: hidden; opacity: 0;}
.mouse-pointer .pointer-circle{position:absolute; top:50%; left:50%; width:0; height:0; transform:translate(-50%,-50%) scale(0); opacity:0; transition:var(--transition-custom);  border-radius:50%; background: var(--main-color); -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; display: flex; align-items: center; justify-content: center;}
.mouse-pointer .pointer-circle:before {position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: url(../_images/main/main_view_point.png)no-repeat center/100%; animation: cm_circle_rotate 6s linear infinite;}
.mouse-pointer .pointer-circle i {position: relative; font-size: 2.5rem; color: #fff; z-index: 1;}
.mouse-pointer.on .pointer-circle{width:16rem; height:16rem; transform:translate(-50%,-50%) scale(1); opacity:1;}

@media all and (max-width:800px){
	.mouse-pointer {visibility: hidden; opacity: 0;}
}

@keyframes cm_circle_rotate {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(360deg);
	}
}


/* -------- 메인 컨텐츠 -------- */
#mainContact {position: relative;  background:var(--main-color);}



/* ******************  메인 오른쪽 퀵메뉴 ********************** */
#rightBar{
	position:fixed; 
	top:55%; right:2%; 
	z-index:99; 
	margin-top:-142px;
	opacity:0;
	visibility:hidden;
	transition:var(--transition-custom2);
}
#rightBar.fixed{visibility:visible; opacity:1.0; top:50%;}
#rightBar > ul {width:56px;}
#rightBar > ul > li{border-top:1px solid #7f7f7f;}
#rightBar > ul > li:first-child{border-top:0;}
#rightBar > ul > li > a{display:block; width:56px; height:56px; background-color:#000; text-align:center; line-height:56px; color:#fff; transition:var(--transition-custom);}
#rightBar > ul > li > a:hover{background-color:#7f7f7f}

/* ******************  메인 오른쪽 퀵메뉴 (Fullpage) ********************** */
#fp-nav{
	position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
	left : -13rem;
    opacity: 1;
    transform: translate3d(0,0,0);
	transition: margin-top 0.8s ease, left 1.0s ease-in-out;
}
#fp-nav ul li{position:relative; width:20px; margin:10px 0;}
#fp-nav ul li:last-child{display:none} /* 마지막 섹션이 footer일경우 */
#fp-nav ul li a{display:block; position:relative; width:100%; height:20px; box-sizing:border-box; padding:5px; }
#fp-nav ul li a span{display:block; width:7px; height:7px; background:#fff; border-radius:7px; transition: var(--transition-custom);}
#fp-nav ul li .fp-tooltip{
	position:absolute; 
	overflow:hidden; 
	right:20px; top:0; 
	opacity:0;filter:Alpha(opacity=0); 
	line-height:20px; 
	letter-spacing:-0.75px; 
	font-size:12px; 
	color:#fff; 
	margin-right:5px; 
	text-align:right; 
	transition:var(--transition-custom);
}
#fp-nav ul li .fp-tooltip span{display:block; transform:translateX(100%); transition:all 0.5s;}
#fp-nav ul li a.active span{width: 20px;}
#fp-nav ul li a.active + .fp-tooltip{opacity:1.0;}
#fp-nav ul li a.active + .fp-tooltip span{transform:translateX(0%)}

/* Black Style */
#fp-nav.black ul li a span{background:rgba(0,0,0,0.15)}
#fp-nav.black ul li a.active span {background: #000;}

#fp-nav.active {left: 9.6rem; /* transition: left 0.8s ease; */}
#fp-nav.hide {margin-top: -485px !important;}


/* -------- 메인 컨텐츠 추가-------- */
#mainMsg {position: relative; background: #f2f2f2;}
#mainMsg .bg {position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background:#fff url(../_images/main/main_msg_bg.png)no-repeat right 0 top 50%;}
.main-msg-con {position: relative;height: 100%; /*  display: flex; */ z-index: 10;}
.main-msg-con .left-con {position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%);}
.main-msg-con .left-con .inner {}
.main-msg-con .right-con {width: 63.22%; width:calc(100% - (47.5rem + ((100% - 1400px) / 2))); overflow:hidden; margin: 0 0 0 auto; padding: 8rem 0;}
@media all and (max-width:1920px){
	.main-msg-con .left-con .inner {max-width: 1400px; margin: 0 auto;}
	.main-msg-con .right-con {width:calc(100% - (47.5rem + ((100% - 1400px) / 2)));}
}
.main-msg-list-con {padding-right: 8.6rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.main-msg-list-con .slick-list {margin: 0 -5rem; overflow: visible;}
.main-msg-list-con .slick-slide {margin: 0 5rem;}
.main-msg-list li {position: relative;}
.main-msg-list li a {position: relative; display: block; width: 100%; transition: var(--transition-custom2); transform: scale(1.0);  background: #fff; border-radius: 50%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; box-shadow: 2rem 2rem 3rem rgba(0,0,0,0.2);}
.main-msg-list li:not(.slick-current) a { transform: scale(0.7);} 
/* .main-msg-list li a:before {position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; border: 3px solid var(--main-color);-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; z-index: 1; transition: var(--transition-custom); opacity: 0;} */
.main-msg-list li.slick-current a:after {position: absolute; content: '\e90b'; font-family: xeicon; width: 8rem; height: 8rem; line-height: 8rem; border-radius: 50%; text-align: center; font-size: 3.5rem; color: #fff; background: var(--main-color); bottom: 0; right: 5rem; opacity: 0; transition: var(--transition-custom); z-index: 2; box-shadow: 2rem 2rem 3rem rgba(0,0,0,0.2);}
.main-msg-list li a .inner {position: relative; width: 100%; height: 0; padding-top: 100%; }
.main-msg-list li a .inner dl {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;}
.main-msg-list li a .inner dt {height: 17.1rem; line-height: 17.1rem; margin-bottom: 3.1rem; transition: var(--transition-custom);}
.main-msg-list li a .inner dt img {max-width: 100%; max-height: 100%;}
.main-msg-list li a .inner dd {font-size: 3rem; font-weight: 600; letter-spacing: -0.05em; color: #010101; line-height: 1.33; height: 2.6em; transition: var(--transition-custom);}
.main-msg-list li:not(.slick-current) .inner dt {margin-bottom: 0;}
.main-msg-list li:not(.slick-current) .inner dd {height: 0; opacity: 0;}

.main-msg-list li.slick-current a:before {opacity: 1;}
.main-msg-list li.slick-current a:hover:after {opacity: 1;}




/* ******************  메인 비주얼 ********************** */
@media all and ( max-width: 1280px ){
	/* 공통 :: 레이아웃 */
	#fullpage .section:not(#mainVisual){height:auto !important;}
	#fullpage .fp-section .fp-tableCell{height:auto !important;}
}
@media all and ( max-width: 800px ){
	/* 메인 비주얼 :: 이미지 */
	.main-visual-item .main-visual-pc-img{display:none;}
	.main-visual-item .main-visual-m-img{display:block;}
	/* 메인 비주얼 :: 텍스트 */
	.main-visual-txt-box .main-visual-txt1 {font-size: 4.2rem;}
	
	/* 메인 비주얼 :: 스크롤아이콘 */
	.main-scroll-icon{display:none}

	.main-contact-btn {display: none;}
}

/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
@media all and ( max-width: 1280px ){
	/* 공통 :: 타이틀 */
	.main-tit-box .main-tit-en {font-size: 10rem; top: 4.5rem; left: -2rem;}
	.main-tit-box .main-tit {font-size: 6rem;}
}
@media all and ( max-width: 800px ){
	/* 공통 :: 타이틀 */
	.main-tit-box {text-align: center;}
	.main-tit-box .main-tit-en {font-size: 8.8rem; left: 0;}
	.main-tit-box .main-tit {font-size: 4rem;} 
	.main-more-btn {margin: 4rem auto 0;}
}

/* -------- 메인 컨텐츠 :: 컨텐츠1 -------- */
@media all and ( max-width: 1280px ){
	#mainBusiness {padding: 10rem 0;}
}
@media all and ( max-width: 800px ){
	#mainBusiness .main-tit-box {padding-top: 0;}
	.main-business-list li a .txt-box .tit {font-size: 2.2rem;}
	.main-business-list li a .txt-box i {font-size: 2.5rem;}
	.main-business-list li a .txt-box {transform: translateY(75%); bottom:10rem; padding: 3.5rem 2rem;}
}


/* -------- 메인 컨텐츠  -------- */
@media all and ( max-width: 1280px ){
	#mainMember .bg {display: none;}
	.main-member-con {0 padding: var(--area-padding);}
	.main-member-con .left-con {padding: 10rem 0;}
	.main-member-con .right-con {padding: 0;}
	.main-member-list .member-list-item {padding: 5rem 3rem;}
	.main-member-list .member-list-item .abox {box-shadow: 1rem 1rem 2rem rgba(0,0,0,0.1); }
	.main-member-list .member-list-item .member-img-box {width: 100%; height: 35rem; text-align: center;}
	/* .main-member-list .member-list-item a .member-img-box img {position: relative;} */
	.main-member-list .member-list-item .member-info-box {width: 100%; padding: 5rem 3rem;}
	.main-member-list .member-list-item .member-info-box .view-btn {margin-top: 4.5rem;}
}
@media all and ( max-width: 800px ){
	#mainMember {background: #f7f7f7;}
	.main-member-con {flex-wrap: wrap; padding-bottom: 15rem; }
	.main-member-con .left-con, 
	.main-member-con .right-con {width: 100%;}
	.main-member-con .left-con {padding: 5rem 0;}
	.main-member-con .right-con {padding: 0;}
	.main-member-list .member-list-item {padding: 3rem var(--area-padding);}
	.main-member-list .member-list-item .member-img-box {height: 46rem;}
	.main-member-list .member-list-item .member-info-box .txt-box .txt {overflow:hidden;display:block;display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; height: 3em;}
	.main-member-arrow-box {position: absolute; width: 100%; bottom: 10rem; margin-top: 0; justify-content: center;}
	
}



@media all and ( max-width: 1280px ){
	.main-contact-con {/*padding: 15rem 0;*/}	
	.main-contact-con .main-tit-box {margin-top: -4rem;}
}
@media all and ( max-width: 800px ){
	.main-contact-con {position: relative; flex-wrap: wrap;}
	.main-contact-con .main-tit-box {margin-bottom: 4rem;}
	.main-contact-con .left-con {width: 100%;}
	.main-contact-con .right-con {width: 100%;}
	.main-inquiry-btn {position: absolute; flex-direction: row; align-items: center; bottom: 5rem; left: 0; width: 100%; height: auto; padding: 3rem; margin-top: 4rem;}	
}


/* ******************  메인 오른쪽 퀵메뉴 ********************** */
@media all and ( max-width: 1440px ){
	#rightBar{right:-56px;}
	#rightBar.fixed{visibility:hidden;opacity:0;}
}
/* ******************  메인 오른쪽 퀵메뉴 (Fullpage) ********************** */
@media all and (max-width:1366px){
	#fp-nav{right:10px;}
}
@media all and (max-width:1024px){
	#fp-nav{display:none;}
}


@media all and (max-width:1440px){
	#mainMsg .bg {background: #fff url(../_images/main/main_awarrd_bg.png) no-repeat right -20% top 0 / contain;}
	.main-msg-con .right-con {width: calc(100% - (54rem + ((100% - 1400px) / 2)));} 
}
@media all and ( max-width: 1280px ){
	#mainMsg .bg {background: #fff url(../_images/main/main_awarrd_bg.png) no-repeat right -10% top 0 / contain;}
	.main-msg-con {padding: 10rem 0;}	
	.main-msg-con .right-con {width: 60%;} 
	.main-msg-list-con {padding-right: 0;}
	.main-msg-list-con .slick-list {margin: 0 -3rem;}
	.main-msg-list-con .slick-slide {margin: 0 3rem;}
	.main-msg-list li.slick-current a:after {width: 6rem; height: 6rem; line-height: 6rem; font-size: 2.8rem; bottom: -2rem;}
	.main-msg-list li a .inner dt {height: 10rem; line-height:10rem; margin-bottom: 2rem;}
	.main-msg-list li a .inner dd {font-size: 2rem;}

}
@media all and ( max-width: 800px ){
	#mainMsg .bg {background: #fff;}
	.main-msg-con {position: relative; padding: 5rem 0;}
	.main-msg-con .left-con {position: static; top: 0; width: 100%; transform: translateY(0);}
	.main-msg-con .right-con {width: 100%; margin: 0; padding: 6rem 0 3rem; overflow: visible;}
	.main-msg-arrow-box {position: relative;width: 100%; margin-top: 3rem; left: 0; justify-content: center;}
	.main-msg-list-con {padding-right: 0;}
	.main-msg-list {padding: 0 5rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
	.main-msg-list li:not(.slick-current) a { transform: scale(1.0);}
	.main-msg-list li a .inner dt {height: 40%; display: flex; align-items: center; margin-bottom: 2.5rem;}
}
@media all and ( max-width: 480px ){
	.main-msg-list {padding: 0 1rem;}
}




.main_wrap6{ overflow: hidden; display: flex; align-items:center; padding: 0px 0;}
.main_wrap6 .txt_wrap{width: 50%; }
.main_wrap6 .txt_wrap > div{display: block; padding-left:240px;}
.main_wrap6 .txt_wrap > div span:nth-child(1){ font-size: 30px; line-height: 30px; color:#fff; margin:20px 0;}
.main_wrap6 .txt_wrap > .addr{margin-top: 0;}
.main_wrap6 .txt_wrap > .addr span{display: block;}
.main_wrap6 .txt_wrap > .addr span:nth-child(2){font-size: 20px; line-height: 20px; font-weight: 400; color: #fff;}
.main_wrap6 .txt_wrap > .addr span:nth-child(3){font-size: 17px; line-height: 17px; font-weight: 400; color: #fff; margin: 18px 0 28px;}
.main_wrap6 .txt_wrap > .addr span:nth-child(4){font-size: 24px; font-weight: 600; color:#fff; line-height: 24px;}
.main_wrap6 .txt_wrap > .time{margin: 70px 0 20px 0;}
.main_wrap6 .txt_wrap > .time > div{display: block;}
.main_wrap6 .txt_wrap > .time > div em{clear: both; float: left; margin-right: 20px; width: 100px; font-size: 20px; line-height: 34px; font-weight: 400; color: #fff;}
.main_wrap6 .txt_wrap > .time > div span{ float: left; font-size: 21px; line-height: 34px; font-weight: 600; color: #fff; }
.main_wrap6 .txt_wrap > .time > span:nth-child(3){clear: both; float: left; display: block; color: #fff; font-size: 16px; line-height: 25px; margin-top: 30px;}

.main_wrap6 .map_wrap{width: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center;}
/*.main_wrap6 .map_wrap img{margin-top: 58px; width: auto; height: 100%;}*/

@media screen and (max-width:1200px){
    .main_wrap6 {
        flex-direction: column;
        padding: 0;
        position: relative;
    }

    .main_wrap6 .txt_wrap {
        width: 100%;
        padding: 10vw 6.3vw 5vw;
        text-align: center;
        margin: 0;
    }

    .main_wrap6 .txt_wrap > div {
        padding-left: 0; /* PC용 padding 제거 */
    }

    .main_wrap6 .txt_wrap > div span:nth-child(1) {
        font-size: 5vw;
        line-height: 1.3;
        margin: 5vw 0;
    }

    .main_wrap6 .txt_wrap > .addr span:nth-child(2) {
        font-size: 3.5vw;
    }
    .main_wrap6 .txt_wrap > .addr span:nth-child(3) {
        font-size: 3vw;
        margin: 2vw 0 3vw;
    }
    .main_wrap6 .txt_wrap > .addr span:nth-child(4) {
        font-size: 4vw;
    }

    .main_wrap6 .txt_wrap > .time {
        margin-top: 6vw;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .main_wrap6 .txt_wrap > .time > div em {
        width: auto;
        font-size: 4vw;
        text-align: center;
        margin: 0;
    }

    .main_wrap6 .txt_wrap > .time > div span {
        font-size: 4vw;
    }

    .main_wrap6 .txt_wrap > .time > span:nth-child(3) {
        font-size: 3vw;
        margin-top: 5vw;
    }

    .main_wrap6 .map_wrap {
        width: 100%;
        height: auto;
        padding: 0 6.3vw;
        margin-top: 5vw;
        position: relative; /* absolute 제거 */
        display: block;
    }
}