@charset "utf-8";

#mVisual {position:relative; width:100%;  height:950px;  overflow:hidden;  }
.mv_slider.slick-slide,
.mvWrap .slick-track,
.mvWrap .slick-list{ position:relative; height:100%; outline:none; }

#mVisual .mv_slider { background-repeat: no-repeat; background-size: cover; background-position: center center;}

#mVisual .mv_slider.mv1 { background-image:url('/images/main/m_visual1.jpg'); }
#mVisual .mv_slider.mv2 { background-image:url('/images/main/m_visual2.jpg');  }
#mVisual .mv_slider.mv3 { background-image:url('/images/main/m_visual3.jpg?v=4');  }
#mVisual .mv_slider.mv4 { background-image:url('/images/main/m_visual4.jpg?v=4');  }
#mVisual .mv_slider.mv5 { background-image:url('/images/main/m_visual5.jpg?v=4');  }

#mVisual .mv_slider .mv-txt { display:table; width:92%; height:100%;  margin:0 auto; max-width: 1480px; }
#mVisual .mv_slider .mv-txt div { display:table-cell; vertical-align:middle }
#mVisual .mv_slider .mv-txt div h3 { font-size:6.0rem; line-height:1.3em; font-weight:300; color:#222  }
#mVisual .mv_slider .mv-txt div h4 {margin-top:1em;  font-size:3.4rem; color:#222; font-weight:800; }
#mVisual .mv_slider.mv3 .mv-txt div h3 {color: #fff;}
#mVisual .mv_slider.mv3 .mv-txt div h4{color: #fff;}
#mVisual .mv_slider.mv4 .mv-txt div h3 {color: #fff;}
#mVisual .mv_slider.mv4 .mv-txt div h4{color: #fff;}
#mVisual .mv_slider.mv5 .mv-txt div h3 {color: #fff;}
#mVisual .mv_slider.mv5 .mv-txt div h4{color: #fff;}

@media all and (max-width:1580px){
  #mVisual {height:60vw; }
}
@media all and (max-width:1024px){
	#mVisual {height:70vw; }
	#mVisual .mv_slider .mv-txt div h3 { font-size:5.2rem; }
	#mVisual .mv_slider .mv-txt div h4 { font-size:3.2rem; }
}
@media all and (max-width:976px){
}
@media all and (max-width:767px){ 
	#mVisual { height:90vw; }
	#mVisual .mv_slider .mv-txt div h3 { font-size:4.5rem; }
	#mVisual .mv_slider .mv-txt div h4 { font-size:2.8rem; }
}
@media all and (max-width:580px){ 
	#mVisual {height:100vw; }
}
@media all and (max-width:480px){
	#mVisual {height:140vw; }
	#mVisual .mv_slider .mv-txt div {vertical-align:bottom; padding-bottom:18vw}
	#mVisual .mv_slider .mv-txt div h3 { font-size:3.4rem; }
	#mVisual .mv_slider .mv-txt div h4 { font-size:2.2rem; }
}


#mVisual2{padding-top: 100px;}
#mVisual2 img{max-width: 100%;}
#mVisual2 .pc{}
#mVisual2 .mo{display: none;}

#mVisual2 .slick-dots{bottom: 4%; transform: translateX(-50%);}

@media all and (max-width:1280px){ 
#mVisual2{padding-top: 80px;}
}
@media all and (max-width:976px){ 
    #mVisual2{padding-top: 70px;}
}
@media all and (max-width:767px){ 
    #mVisual2{padding-top: 60px;}
}
@media all and (max-width:640px){ 
#mVisual2 .slick-dots{bottom: 1%;}

#mVisual2 .pc{display: none}
#mVisual2 .mo{display: block;}
}



#mTitle {padding-bottom:50px; display:flex; justify-content:space-between; flex-wrap:wrap; align-items: end;
			width:100%; max-width:1480px; margin:0 auto}
#mTitle h3 { font-size:4.0rem; font-weight:400; color:#222}
#mTitle .more {margin-left:auto; margin-right:80px; font-size:1.4rem; color:#222; font-family:'Poppins'; font-weight:600;
				  margin-bottom:5px;}
#mTitle .eng {margin-top:0.5em; width:100%; text-align:center; color:#647970; opacity:.5}

@media all and (max-width:1599px){
	#mTitle {padding-bottom:40px;} 
	#mTitle .more {margin-right:70px;}
}
@media all and (max-width:767px){
	#mTitle {padding-bottom:30px;} 
	#mTitle h3 { font-size:3.2rem; }
}
@media all and (max-width:580px){
	#mTitle h3 { width:100% }
}
@media all and (max-width:480px){
	#mTitle h3 { font-size:3.0rem; }
	#mTitle .more {font-size:1.2rem}
}




.p-Part {padding:7% 0}
.m-Part {margin:7% 0}

@media all and (max-width:1024px){
	.p-Part {padding:10% 0}
	.m-Part {margin:10% 0}
}




#mEvent {overflow:hidden}
/* #mEventWrap {width:1920px} */
#mEventWrap li {width:440px;}
#mEventWrap .slick-slide {margin: 0 20px;}
#mEventWrap .slick-list {margin: 0 -20px;}
#mEventWrap li a img{width: 100%;}
#mEventWrap li a .img {overflow:hidden}
#mEventWrap li a .img.end{position: relative;}
#mEventWrap li a .img.end::after{content: '종료된 이벤트입니다.'; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.6); color: #fff; display: flex; justify-content: center; align-items: center; font-size: 16px;}
#mEventWrap li a .img img  { width:100%; transition:all 0.5s;
						-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s; -ms-transition:all 0.5s;}
#mEventWrap li a:hover .img img  {	 transform: scale(1.15) rotate(0.02deg); -ms-transform: scale(1.15) rotate(0.02deg);
									-o-transform: scale(1.15) rotate(0.02deg);  -moz-transform: scale(1.15) rotate(0.02deg);	 
									-webkit-transform: scale(1.15) rotate(0.02deg);	 }
#mEventWrap li a .cont {background:#f8f8f8; padding:1.7em}
#mEventWrap li a dl dt {font-size:2.4rem; font-weight:700;  color:#222; overflow: hidden; 
							white-space:nowrap; text-overflow: ellipsis; }
#mEventWrap li a dl dd {margin-top:0.3em; font-size:1.7rem; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; }
#mEventWrap li a .date {margin-top:1.2em; font-size:1.5rem; color:#222; opacity:.5}

@media all and (max-width:1399px){
    #mEventWrap .slick-slide {margin: 0 15px;}
    #mEventWrap .slick-list {margin: 0 -15px;}
}
@media all and (max-width:1024px){
    #mEventWrap .slick-slide {margin: 0 10px;}
    #mEventWrap .slick-list {margin: 0 -10px;}
}
@media all and (max-width:976px){
	/* #mEventWrap {width:1380px} */
}
@media all and (max-width:480px){
	#mEventWrap {width:100%}
	#mEventWrap li {width:100%; margin-right:0}
}








#mBfAf {background:#f6f8f7}
#mBfAf .st1 {margin-top:1.5em; font-size:1.5rem; text-align:right; opacity:.5 }
#mBfAf #mTitle { justify-content:center}

#mBfAfWrap .contWrap {padding-top:30px; background:#FFF; width:736px; margin:0 8px; text-align:center;}

#mBfAfWrap .imgCont {display:flex; flex-wrap:wrap; justify-content:center; ;}
#mBfAfWrap .imgCont li {text-align:right}
#mBfAfWrap .imgCont li.bf {position:relative; }
#mBfAfWrap .imgCont li.bf .t1 {padding-bottom:10px; font-size:1.8rem; opacity:.5}
#mBfAfWrap .imgCont li.bf .img {position:relative; overflow:hidden }
#mBfAfWrap .imgCont li.bf .img img { filter: blur(7px);
											-webkit-filter: blur(7px); -moz-filter: blur(7px); -o-filter: blur(7px); -ms-filter: blur(7px); }
#mBfAfWrap .imgCont li.bf.on .img img { filter: blur(0px);
											-webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); -ms-filter: blur(0px); }
#mBfAfWrap .imgCont li.bf .img:before {content:''; width:100%; height:100%; background:rgba(117,149,141,0.9); position:absolute;
										left:0; top:0; z-index:3}
#mBfAfWrap .imgCont li.bf.on .img:before {display: none;}
#mBfAfWrap .imgCont li.bf .txt {position:absolute; left:50%; top:50%; transform:translate(-50%, -40%); z-index:5;
										width:100%; text-align:center; color:#FFF}
#mBfAfWrap .imgCont li.bf .txt .t2 {font-size:2.0rem; font-weight:600; margin:0.5em 0 1em}
#mBfAfWrap .imgCont li.bf .txt img {margin:0 auto}
#mBfAfWrap .imgCont li.bf .txt a span {display:inline-block; background:#FFF; color:#859d96; font-size:1.5rem; font-weight:700; 
												line-height:39px; padding:0 1.7em}
#mBfAfWrap .imgCont li.bf .txt a:hover span {background:#fe6e00; color:#FFF;transition: all 0.2s ease-out;}

#mBfAfWrap .imgCont li.af .t1 {padding-bottom:10px; font-size:1.8rem;}

#mBfAfWrap .contWrap h3 {padding:1.5em 0; text-align:Center; color:#222; font-size:2.2rem; font-weight:700;}

@media all and (max-width:1699px){
	#mBfAf .s-inner {width:90%}
	#mBfAfWrap .contWrap {width:calc(50% - 15px)}
	#mBfAfWrap .imgCont li {width:46%}
	#mBfAfWrap .imgCont li img {width:100%}
	#mBfAfWrap .imgCont li.bf .txt .icon {width:40px}
}
@media all and (max-width:1399px){
		#mBfAf .s-inner {width:86%}
		#mBfAfWrap .contWrap {padding-top:20px;}
		#mBfAfWrap .imgCont li.bf .txt .t2 {font-size:1.8rem;}
		#mBfAfWrap .contWrap h3 {padding:1.0em 0;}
}
@media all and (max-width:1280px){
	#mBfAf .s-inner {width:92%}
	#mBfAfWrap .contWrap h3 {font-size:2.0rem}
}
@media all and (max-width:976px){
	#mBfAf .s-inner {width:90%}
	#mBfAfWrap .contWrap {width:100%; margin:0}
	#mBfAfWrap .imgCont li {width:47%}
}






#mReal {overflow:hidden}
#mRealWrap {width:1850px}
#mRealWrap li { width:340px; margin-right:30px; }
#mRealWrap li img {background:#f8f8f8;padding:70px 20px;}
#mRealWrap li .eng {margin:2em 0 0.5em; font-size:1.5rem; color:#222; opacity:.7}
#mRealWrap li .t1 {font-size:1.8rem; color:#222; font-weight:700}

@media all and (max-width:1024px){
	#mRealWrap {width:1750px}
	#mRealWrap li { margin-right:10px}
}
@media all and (max-width:976px){
	#mRealWrap {width:1140px}
	#mRealWrap li img {width:100%}
}
@media all and (max-width:480px){
	#mRealWrap {width:580px}
	#mRealWrap li img {padding:12vw 4vw;}
}
@media all and (max-width:380px){
	#mRealWrap {width:400px}
}




 
  


#mShorts {background:#f8f8f8}
#mShorts #mTitle {padding:10px 0; margin-bottom:30px;; background:url('/images/main/shorts-sb.png') no-repeat left center}
#mShorts #mTitle h3 {padding-left:80px}
#mShortsWrap {width:calc(100% + 20px)}
#mShortsWrap  .img img {width:calc(100% - 20px)}

.view{position: fixed; width: 100%; height: auto; z-index: 100001; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; max-width: 800px; width: 96%; display: none;}
.view.on{display: block;}
.view .close{color: #FFF; font-size: 1.6em; width:40px; height:40px; background:#fe6e00;  font-family:'Poppins'; font-weight:700; cursor: pointer;  border-radius: 100%; 
				display: flex; justify-content: center; align-items: center;; margin:0 10px 10px auto}
.view .close:hover {background:#000; color:#fe6e00;}
.view .yt_v{position: relative; max-width: 800px; width: 96%;padding-top: 50vh; margin: 0 auto;}
.view .yt_v iframe{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.yt_bg{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); z-index: 100000; display: none;}
.yt_bg.on{display: block;}



@media all and (max-width:1399px){
	#mShortsWrap {width:calc(100% + 10px)}
	#mShortsWrap  .img img {width:calc(100% - 10px)}
}
@media all and (max-width:1280px){
	#mShorts #mTitle {background-size:auto 80%}
	#mShorts #mTitle h3 {padding-left:60px}
}
@media all and (max-width:1024px){
	.view .yt_v { padding-top: 60vh; }
}
@media all and (max-width:767px){
	#mShorts #mTitle h3 {padding-left:50px}
}




#mIntro #mTitle {justify-content:center; }

#mIntroWrap {max-width:1220px; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:space-between;}

#mIntroWrap section {width:510px}
#mIntroWrap #imgwrap {margin:25% 0; position:relative}
#mIntroWrap #txtwrap dl dt {font-size:4.6rem; font-weight:800; color:#222}
#mIntroWrap #txtwrap dl dd {margin:1em 0 2em; font-size:1.7rem; line-height:1.6em}
#mIntroWrap #txtwrap .sign {color:#222; font-size:1.8rem; font-weight:700; }
#mIntroWrap #txtwrap .sign span {padding-left:10px}
#mIntroWrap #txtwrap .mBtn {position:relative}
#mIntroWrap #txtwrap .mBtn:before {content:''; width:50px; height:50px; border-radius:100%; background:rgba(0,171,132,0.1);
											position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:-1 }
#mIntroWrap #txtwrap .mBtn span {padding-right:40px; font-size:1.8rem; font-weight:700; color:#222; padding-left:25px; position:relative }
#mIntroWrap #txtwrap .mBtn span:before {content:''; width:15px; height:10px; background:url('/images/main/mintro-arrow.png') no-repeat right center;
													position:absolute; right:0; top:50%; transform:translateY(-50%)}
#mIntroWrap #txtwrap .mBtn:hover span {color:#fe6e00; transition: all 0.1s ease-out;}
#mIntroWrap #txtwrap .mBtn:hover span:before {background-image:url('/images/main/mintro-arrow-on.png'); transition: all 0.1s ease-out;}
#mIntroWrap #interiorwrap {width:510px}
#mIntroWrap #interiorwrap li img {width:100%}

@media all and (max-width:1260px){
	#mIntroWrap {max-width:94%;} 
	#mIntroWrap section {width:50%; padding: 0 5%}
	#mIntroWrap #imgwrap img {width:100%}
	#mIntroWrap #interiorwrap {width:100%}
}
@media all and (max-width:1024px){
	#mIntroWrap section {padding: 0 3%}
	#mIntroWrap #txtwrap dl dt {font-size:4.2rem}
}
@media all and (max-width:935px){
	#mIntroWrap  {width:90%; max-width:510px}
		#mIntroWrap section {width:100%;}
		#mIntroWrap #imgwrap {margin:0}
		#mIntroWrap #txtwrap {padding:10% 0}
}
@media all and (max-width:480px){
	#mIntroWrap #txtwrap dl dt {font-size:3.6rem}
	#mIntroWrap #txtwrap dl dd {margin:1em 0 2em; font-size:1.6rem;}
	#mIntroWrap #txtwrap dl dd br { display:none}
}




#mLoca {background:#f8f8f8;display:flex; flex-wrap:wrap; align-items: center;}
#mLoca > div {width:50%}
#mLoca #txtWrap .in-box {width:80%; max-width:520px; margin:0 auto}
#mLoca #txtWrap h3 {margin:4em 0 1.5em; font-size:2.2rem; font-weight:800; color:#222}
#mLoca #txtWrap dl dt {font-size:2.4rem; font-weight:600; color:#222}
#mLoca #txtWrap dl dd {margin-top:0.5em; font-size:1.7rem; color:#222}
#mLoca #txtWrap .tel {margin:1em 0 0.3em; font-size:3.0rem; font-weight:700; font-family:'Montserrat'; color:#222}
#mLoca #txtWrap a  {padding:0 10px; display:inline-block; line-height:50px; border:1px solid #222; 
							background:url('/images/main/mloca-arrow.png') no-repeat 90% center}
#mLoca #txtWrap a img {vertical-align:middle}
#mLoca #txtWrap a span {display:inline-block; padding:0 4em 0 0.5em; font-size:1.7rem; color:#222; font-weight:600}
#mLoca #txtWrap a:hover {background-color:#fe6e00; border-color:#fe6e00}
#mLoca #txtWrap ul li {font-size:1.7rem; color:#222; margin-bottom:10px}
#mLoca #txtWrap ul li:last-child {margin-bottom:0}
#mLoca #txtWrap ul li span {display:inline-block; width:85px}

#mLoca #mapWrap {position:relative}
#mLoca .root_daum_roughmap .wrap_map { height: 760px !important;}
.root_daum_roughmap .wrap_controllers {display:none}

@media all and (max-width:1280px){
	#mLoca #txtWrap h3 {margin:3em 0 1em; }
	#mLoca #txtWrap a  {line-height:46px;}
	#mLoca .root_daum_roughmap .wrap_map { height: 630px !important;}
}
@media all and (max-width:976px){
	#mLoca > div {width:100%}
	#mLoca #txtWrap h3 {margin:3em 0 1em; }
	#mLoca #txtWrap .in-box {width:fit-content; padding:5em 2em}
	#mLoca .root_daum_roughmap .wrap_map { height: 530px !important;}
}
@media all and (max-width:480px){
	#mLoca #txtWrap h3 {font-size:2.0rem; margin:10vw 0 1em; }
	#mLoca #txtWrap .in-box { padding:12vw 1em}
	#mLoca #txtWrap dl dt {font-size:2.2rem; }
	#mLoca #txtWrap a span {padding:0 12vw 0 2vw; font-size:1.6rem;} 
	#mLoca #txtWrap ul li { margin-bottom:5px}
	#mLoca #txtWrap ul li span {width:16vw}
}





#mboxBtn {width:180px; line-height:50px; text-align:center; position:absolute; left:-20px; bottom:20px; background:#222; 
				color:#FFF; z-index:5;}
#mboxBtn.w200 {width:200px}
#mboxBtn img {vertical-align:middle; padding-right:10px}
#mboxBtn:hover {background:#fe6e00}
#mIntroWrap .intro2 #mboxBtn {left:unset; right:-20px}  

@media all and (max-width:976px){
	#mboxBtn {width:150px; }
	#mboxBtn.w200 {width:170px}
	#mLoca #mapWrap #mboxBtn {left:20px; bottom:unset; top:20px}  
}
@media all and (max-width:767px){
	#mboxBtn { line-height:40px; }
}
@media all and (max-width:480px){
	#mboxBtn {left:-10px; bottom:10px }
	#mIntroWrap .intro2 #mboxBtn { right:-10px}  
}


#mPoint{}
#mPoint #mTitle{justify-content: center;}
#mPoint #mTitle p{width: 100%; text-align: center;}
#mPoint ul{display: flex; flex-wrap: wrap; gap: 30px;}
#mPoint ul li{position: relative; width: calc((100% - 30px*3)/4); height: 520px; overflow: hidden;}
#mPoint ul li .img{width: 100%; height: 100%; background:center center/cover; transition: all .4s;}
#mPoint ul li:hover .img{transform: scale(1.1);}
#mPoint ul li:nth-child(1) .img{background-image: url('/images/main/mpoint-img1.png');}
#mPoint ul li:nth-child(2) .img{background-image: url('/images/main/mpoint-img2.png');}
#mPoint ul li:nth-child(3) .img{background-image: url('/images/main/mpoint-img3.png');}
#mPoint ul li:nth-child(4) .img{background-image: url('/images/main/mpoint-img4.png');}
#mPoint ul li dl{position: absolute; z-index: 2; width: 90%; left: 50%; top: 50%; transform: translate(-50%, -50%) rotateZ(-1deg); text-align: center; color: #fff;} 
#mPoint ul li dl dt{margin-top: 2rem; font-size:2.8rem; font-weight: 700; line-height: 1.2;}
#mPoint ul li dl p.line{width: 90px; display: inline-block; height: 2px; background-color: #fff; margin: 30px 0;}
#mPoint ul li dl dd{font-size: 1.8rem; line-height: 1.3; opacity: 0.9;}
@media all and (max-width:1599px){
    #mPoint ul{gap: 15px;}
    #mPoint ul li{width: calc((100% - 15px*3)/4); height: 30vw;}    
    #mPoint ul li dl dt{font-size: 2.4rem;}
    #mPoint ul li dl dd{font-size: 1.6rem;}
}
@media all and (max-width:1280px){
    #mPoint ul li{width: calc((100% - 15px*1)/2);;}
    #mPoint ul li dl p.line{margin: 15px 0; width: 45px;}
    #mPoint ul li dl img{max-height: 65px; max-width: 50px;}
}
@media all and (max-width:976px){
    #mPoint ul li{height: 38vw;}
    #mPoint ul li dl img{max-height: 45px; max-width: 30px;}
}
@media all and (max-width:767px){
    #mPoint ul{gap: 10px;}
    #mPoint ul li{width: calc((100% - 10px*1)/2);; height: 55vw;}
}
@media all and (max-width:568px){
    #mPoint ul li{width: 100%;}
    #mPoint ul li dl dt{font-size: 2.0rem;}
    #mPoint ul li dl dd{font-size: 1.5rem;}
    #mPoint ul li dl p.line{margin: 10px 0; width: 35px;}
}
@media all and (max-width:380px){
    #mPoint ul{gap: 1rem;}
    #mPoint ul li{height: 70vw;}

}

#mBfAt {position:relative}
#mBfAt #mTitle{justify-content: center;}
#mBfAt #mTitle p{width: 100%; text-align: center;}
#mBfAt #contWrap {overflow:hidden; margin-top:60px; position:relative}
#mBfAt #bfatSlick {text-align: center; display: flex; justify-content: center;}
#mBfAt #bfatSlick li {margin:0 32px;  position:relative; width: 100%; max-width: 680px;}
#mBfAt #bfatSlick li .title{padding-bottom: 15px; font-size: 2.2rem; font-weight: 600; color: #000; text-align: left;}
#mBfAt #bfatSlick li .inbox{display:flex; width: 100%; justify-content: center;}
#mBfAt #bfatSlick li .maf .img img{max-width: 100%;}                                 
#mBfAt #bfatSlick li .maf {position:relative; width: 100%; max-width:600px;}
#mBfAt #bfatSlick li .mbf{width: 100%; max-width:600px;}
#mBfAt #bfatSlick li .mbf .imgWrap .img img{ object-fit: cover;}
#mBfAt #bfatSlick li .maf .imgWrap {position:relative; overflow:hidden}
#mBfAt #bfatSlick li .maf .imgWrap:before {content:''; width:100%; height:100%; background:rgba(127, 99, 88, 0.85); position:absolute; left:0; top:0;}
#mBfAt #bfatSlick li .maf .login-t {position:absolute; left:50%; top:50%; transform:translate(-50%, -48%); text-align:center}
#mBfAt #bfatSlick li .maf .login-t img {width:48px; margin:0 auto}
#mBfAt #bfatSlick li .maf .login-t .t1 {margin:0.7em 0 1.2em; color:#FFF}
#mBfAt #bfatSlick li .maf .login-t .bfatBtn {border:1px solid #FFF; border-radius:60px; padding:0.5em 1.5em;display:inline-block; color:#FFF; font-family:'Montserrat'; font-weight:500;font-size:1.4rem}
#mBfAt #bfatSlick li .maf .login-t .bfatBtn:hover {background:#fe6e00; border-color:#fe6e00}
#mBfAt #bfatSlick li .maf .imgWrap .img  { filter: blur(5px); position:relative; z-index:-1; aspect-ratio:500/524;}
#mBfAt #bfatSlick li .maf .imgWrap .img img{width: 100%; height: 100%; object-fit: cover;}
#mBfAt #bfatSlick li .imgWrap .img img {width:100%;}
#mBfAt #bfatSlick li .txtWrap {padding:1em 0;font-size:1.9rem; font-weight:500; color:#FFF; position:relative}
#mBfAt #bfatSlick li .txtWrap:before {font-size:1.4rem; font-family:'Montserrat'; position:absolute; right:20px; top:50%; 
                                    transform:translateY(-50%); opacity:.5; font-weight:500; letter-spacing:0.1em;}
#mBfAt #bfatSlick li .txtWrap.bf {background:#5a4b44}
#mBfAt #bfatSlick li .txtWrap.bf b{color: #fe6e00;}
#mBfAt #bfatSlick li .txtWrap.at {background:#fe6e00}
#mBfAt #bfatSlick li .txtWrap.at b{color: #000400;}
#mBfAt .viewmore{text-align: center; margin-top: 80px;}
#mBfAt .viewmore a{display: inline-block; background-color: #fe6e00; color: #fff; font-weight: 700; padding: 18px 40px; border-radius: 50px;}
#mBfAt .viewmore a:hover{background-color: #222;}
#mBfAt .viewmore p{margin-top: 40px; font-size: 1.3rem;}
@media all and (max-width:976px){
    #mBfAt #contWrap{margin-top: 20px;}
    #mBfAt #bfatSlick {flex-wrap: wrap;}
    #mBfAt #bfatSlick li{width: 100%; margin: 0;}
    #mBfAt #bfatSlick li+li{margin-top: 20px;}
}



#tabWrap{text-align: center;}
#tabWrap ul{display: inline-flex; justify-content: center;  border:1px solid #e9e9e9; padding: 18px 10px;border-radius: 50px;}
#tabWrap ul li{font-size: 1.8rem; margin:0 1.8em; font-weight: 600; }
#tabWrap ul li.ON a{color: #fe6e00; font-weight: 700; border-bottom: 2px solid #fe6e00;}
@media all and (max-width:767px){
    #tabWrap ul{padding: 15px;}
    #tabWrap ul li{margin: 0 0.8em;}
}



#mytb{background: #f8f8f8;}
#mytb #mTitle{justify-content: center; padding-bottom: 30px;}
#mytb #mTitle h3{display: flex; align-items: center; gap: 10px;justify-content: center;}
#mytb .a_box{display: flex; align-items: center; gap: 10px;}
#mytb #mArrows .slick-prev{right: calc(10px + 29px);}
#mytb #mArrows .slick-next{right: 10px;}
#mytb #mArrows .slick-prev, 
#mytb #mArrows .slick-next{top: -5px;}

#mytb ul{display: flex; gap: 20px;justify-content: center;}
#mytb li {width: 100%; margin: 0 auto; aspect-ratio: 9 / 16; margin-right: 20px;}
#mytb .slick-slide {margin: 0 15px;}
#mytb .slick-list {margin: 0 -15px;}     
#mytb li a {width: 100%;height: 100%;border: 0;border-radius: 12px; display: inline-block; overflow: hidden;}
#mytb li a img{width: 100%;}

#mytb  .more {margin-left:auto; margin-right:80px; font-size:1.4rem; color:#222; font-family:'Poppins'; font-weight:600; margin-bottom:20px;}

@media all and (max-width:1280px){
    #mytb .slick-slide {margin: 0 10px;}
    #mytb .slick-list {margin: 0 -10px;}    
    #mytb  .more {margin-right:70px;}
}
@media all and (max-width:767px){
    #mytb ul{flex-wrap: wrap;}
    /* #mytb li {width: calc(100%/2 - 10px);} */
}
@media all and (max-width:480px){
    #mytb #mTitle h3 img{width: 40px;}
    #mytb ul{gap: 10px;}
    /* #mytb li {width: calc(100%/2 - 5px);} */
    #mytb .more {font-size:1.2rem}
}

.signature{background: url('/images/main/sign_bg.png') center center / cover no-repeat;}
.signature #mTitle{justify-content: center;}
.signature ul{display: flex; gap: 50px;}
.signature ul li{width: calc(100%/4 - 50px/4); background: #000; padding: 20px; color: #fff; height: 400px; position: relative;}
.signature ul li .txt{display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; gap: 10px;}
.signature ul li:nth-child(1){background: url('/images/main/sign_img04.png') 10% 60% / cover no-repeat;}
.signature ul li:nth-child(2){background: url('/images/main/sign_img02.png') 10% 30% / cover no-repeat;}
.signature ul li:nth-child(3){background: url('/images/main/sign_img03.png') 10% 60% / cover no-repeat;}
.signature ul li:nth-child(4){background: url('/images/main/sign_img01.png') 10% 30% / cover no-repeat;}
.signature ul li h4{font-weight:700; font-family: 'Montserrat'; font-size: 2rem; position: absolute; top: 20px; left: 20px;}
.signature ul li h3{text-align: center;font-size: 3rem;}
.signature ul li p{font-family: 'Montserrat'; font-size:1.6rem; text-align: center;}

@media all and (max-width:1480px){
    .signature ul{gap: 20px;}
    .signature ul li{width: calc(100%/4 - 20px/4);}
}
@media all and (max-width:1280px){
    .signature ul{flex-wrap: wrap;}
    .signature ul li{width: calc(100%/2 - 20px/2); height: 300px;}
}
@media all and (max-width:767px){
    .signature ul li h3{font-size: 2.5rem;}
}
@media all and (max-width:480px){
    .signature ul{gap: 10px;}
    .signature ul li{width: 100%; height: 20rem;}
    .signature ul li h4{font-size: 1.8rem;}
    .signature ul li h3{font-size: 2.2rem;}
    .signature ul li p{font-size: 1.4rem;}
}


#mdoctor{width: 100%;}
#mdoctor img{width: 100%;}