@charset "utf-8";
@import url(common.css);

/* C00263
비에이램 */

/* ========================================================================================================================================= */
/* 키비주얼 */
.TopVisual{position:relative; display:block; height:600px; background-size:cover; background-repeat:no-repeat; background-position:center;}
.TopVisual .visualTitle{position:absolute; width:100%; text-align:center; top:55%; left:50%; transform:translate(-50%,-50%);}
.TopVisual .visualTitle p{display:block;}
.TopVisual .visualTitle h3{font-size:28pt; line-height:1.5; font-weight:600; padding-top:20px; color:#fff;}


/* ========================================================================================================================================= */
/* 게시판 */
.boardWrap.ForBALab #contents{padding:0;}
.boardWrap.ForBALab #contents{padding-top:0 !important;}
	
	/* 전후사진_비에이랩전용 */
	.boardWrap.BnfWrap.ForBALab #container{padding:130px 0; padding-top:40px;}
	.boardWrap.BnfWrap.ForBALab .InnerContainer{width:98%; min-width:98%;}
	.boardWrap.BnfWrap.ForBALab .SubNavApart{width:1400px; margin:0 auto;}
	.boardWrap.BnfWrap.ForBALab .SubNavApart li.Action a{color:#fff; background-color:#8d8078;}
	.boardWrap.BnfWrap.ForBALab .boardThumList{position:relative; display:block; width:100%; vertical-align:top;}
	.boardWrap.BnfWrap.ForBALab #BnfPhotoSwipe{position:relative; display:block; width:100%; }
	.boardWrap.BnfWrap.ForBALab .boardThumList *{border:none; padding:0;}
	.boardWrap.BnfWrap.ForBALab .boardThumList ul{position:relative; display:table; width:100%;}
	.boardWrap.BnfWrap.ForBALab .boardThumList ul li{width:25%; padding:0 1%;}
	.boardWrap.BnfWrap.ForBALab .boardThumList ul li a{display:block; width:100% !important; height:auto !important;}
	.boardWrap.BnfWrap.ForBALab .boardThumList ul li img{display:block; width:100% !important; height:auto !important;}
	.boardWrap.BnfWrap.ForBALab .BoardList_Search{display:none;}
	.boardWrap.BnfWrap.ForBALab .BoardBtnList{text-align:right;}
	.boardWrap.BnfWrap.ForBALab .BoardBtnList section{display:inline-block; width:80%; padding-left:80px; padding-bottom:0;}
	.boardWrap.BnfWrap.ForBALab .BoardBtnList .BoardList_PageBtn{width:100%;}
	

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 공통하단-특별한 이유 */
.commonWrap{width:100%; position:relative; background:#f5f1ee; padding:150px 0;}
.commonWrap .commonTitle{text-align:center; padding-bottom:80px;}
.commonWrap .commonTitle p{font-size:12pt; color:#ceb5a8; letter-spacing:4pt; font-weight:500; padding-bottom:10px;}
.commonWrap .commonTitle h3{font-size:28pt; color:#333333; line-height:1.5; font-weight:600;}
.commonWrap .commonTitle h3 b{color:#957968; font-weight:600;}
	/*상자레이아웃*/
	.commonWrap .commonCont .contInner{display:inline-flex;}
	/*상자내용*/
	.commonWrap .commonCont .contBox{position:relative;}
	.commonWrap .commonCont .contBox .boxInner{position:relative; width:100%; height:100%;}
	.commonWrap .commonCont .contBox .boxInner .contImg{position:relative; overflow:hidden;}
	.commonWrap .commonCont .contBox .boxInner .contImg span{position:absolute; left:0; top:-100%; transition:0.5s;}

	.commonWrap .commonCont .contBox .boxInner .contTxt{position:absolute; width:100%; bottom:25%; left:50%; transform:translate(-50%,0); text-align:center; transition:0.5s;}
	.commonWrap .commonCont .contBox .boxInner .contTxt p{font-size:12pt; color:#ceb5a8; letter-spacing:4pt; font-weight:500; padding-bottom:10px;}
	.commonWrap .commonCont .contBox .boxInner .contTxt h4{color:#fff; font-size:18pt; font-weight:600;}
	.commonWrap .commonCont .contBox .boxInner .contTxt h6{color:#fff; font-size:14pt; font-weight:400; line-height:1.5; padding-top:15px; opacity:0; transition:0.5s;}
	/*상자호버*/
	.commonWrap .commonCont .contBox:hover .boxInner .contImg span{top:0;}
	.commonWrap .commonCont .contBox:hover .boxInner .contTxt{bottom:50px;}
	.commonWrap .commonCont .contBox:hover .boxInner .contTxt h6{opacity:1;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 공통하단-이벤트 */
body .Event_BestEventArea *{font-family:'SUIT', 'Noto Sans SC' !important; word-break:break-word; line-height:normal; letter-spacing:-0.2pt;}
body .Event_BestEventArea{content:""; clear:both; display:block; position:relative; width:100%; background:url('/img/C00263/mainSection02_back.jpg')no-repeat; background-position:center center; background-size:cover;}
body .Event_BestEventArea{overflow:hidden; padding-top:150px; padding-bottom:150px;}
body .Event_BestEventArea .BasicTitle{text-align:center; width:100%; font-size:28pt; color:#333333; line-height:1.5; font-weight:700; border:0; padding:0; background:transparent; position:relative;}
body .Event_BestEventArea .BasicTitle::before{content:'비에이랩의원'; width:100%; font-size:12pt; color:#ceb5a8; letter-spacing:4pt; font-weight:500; padding-bottom:10px; position:absolute; left:50%; top:-30px; transform:translate(-50%,0);}
	/*이벤트롤링원상복구*/
	.Event_BestEventArea .EventMultiSlider.LabelThum_Height .LabelThum{margin-bottom:0; margin-top:0;}
	.Event_BestEventArea .EventMultiSlider .LabelThum label{box-shadow:none; padding:0; width:94%; border:0; border-radius:30px 30px 0 0;}
	.Event_BestEventArea .LabelThum_Height .LabelThum dt{overflow:hidden; border-radius:30px 30px 0 0;}	
	.Event_BestEventArea .LabelThum_Height .LabelThum label dt u{display:none;}
	.Event_BestEventArea .EventMultiSlider .LabelThum label .TagBox{display:none;}
	.Event_BestEventArea .EventMultiSlider .LabelThum label small > p span{display:none;}
	.Event_BestEventArea .LabelThum_Height .LabelThum label big strike{display:none;}
	.Event_BestEventArea .LabelThum_Height .LabelThum label big strong{display:none;}
	.Event_BestEventArea .EventMultiSlider .LabelThum label small mark{padding:0;}
	.Event_BestEventArea .EventMultiSlider .LabelThum label small pre{padding:0;}
	.Event_BestEventArea .EventMultiSlider.LabelThum_Height .LabelThum label big{padding:0; margin:0;}
	/*롤링*/
	.Event_BestEventArea .LabelThum_Height{margin-top:60px;}
	.Event_BestEventArea .EventMultiSlider.LabelThum_Height .LabelThum label dd{background:#f6f2ef; border-bottom:2px solid #957968; padding:30px 20px;}
	.Event_BestEventArea .EventMultiSlider .LabelThum label small mark{font-size:14pt; color:#333; font-weight:600; color:#957968;}
	.Event_BestEventArea .EventMultiSlider .LabelThum label small pre{font-weight:600; color:#957968; font-size:18pt; padding-top:5px;}
	.Event_BestEventArea .EventMultiSlider.LabelThum_Height .LabelThum label big em{color:#333; font-size:12pt; font-weight:600;}
	.Event_BestEventArea .EventMultiSlider.LabelThum_Height .LabelThum label big em b{color:#957968; font-size:28pt; font-weight:600; display:inline-block; padding-right:5px;}
	.Event_BestEventArea .LabelThum_Height .LabelThum label dt img{transition:0.5s;}
	.Event_BestEventArea .LabelThum_Height .LabelThum:hover label dt img{scale:1.1;}
	/*롤링버튼*/
	.Event_BestEventArea .MultiSlider ul.SliderThum_BtnPage{position:relative; margin-top:50px;}
	.Event_BestEventArea .MultiSlider ul.SliderThum_BtnPage li{background:rgba(107,61,39,0.5); width:8px; height:8px; border:0; display:inline-block; border-radius:500px; margin:0 5px; cursor:pointer;}
	.Event_BestEventArea .MultiSlider ul.SliderThum_BtnPage li button{display:none;}
	.Event_BestEventArea .MultiSlider ul.SliderThum_BtnPage li.slick-active{width:60px; background:rgba(107,61,39,1);} 

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 어바웃-병원소개 */
.aboutAboutArea{width:100%; position:relative;}
.aboutAboutArea .Inner{width:100%; min-width:100%;}
.aboutAboutArea .aboutSection{background:#f5f1ee;}
.aboutAboutArea .aboutSection .contWrap{display:inline-flex; align-items:center; width:100%; position:relative;}
.aboutAboutArea .aboutSection .contWrap .imgBox{width:50%; position:relative;}
.aboutAboutArea .aboutSection .contWrap .imgBox img{width:100%;}
.aboutAboutArea .aboutSection .contWrap .txtBox{width:50%; position:relative;}

.aboutAboutArea .aboutSection:nth-child(odd) .contWrap .txtBox{padding-left:60px;}
.aboutAboutArea .aboutSection:nth-child(even) .contWrap .txtBox{padding-left:16%;}
	/*텍스트*/
	.aboutAboutArea .aboutSection .contWrap .txtBox p{font-size:12pt; color:#ceb5a8; letter-spacing:4pt; font-weight:500; padding-bottom:10px;}
	.aboutAboutArea .aboutSection .contWrap .txtBox h4{font-size:28pt; color:#333333; line-height:1.5; font-weight:500;}
	.aboutAboutArea .aboutSection .contWrap .txtBox h4 b{font-size:28pt; color:#333333; line-height:1.5; font-weight:700;}
	.aboutAboutArea .aboutSection .contWrap .txtBox span{display:block; padding:30px 0;}
	.aboutAboutArea .aboutSection .contWrap .txtBox h5{font-size:16pt; line-height:1.5; color:#33; font-weight:400;}
	.aboutAboutArea .aboutSection .contWrap .txtBox h5 b{font-weight:600;}

	.aboutAboutArea .aboutSection:nth-child(odd) .contWrap h6.aboutLogo{position:absolute; width:fit-content; top:0; right:0;}
	.aboutAboutArea .aboutSection:nth-child(even) .contWrap h6.aboutLogo{position:absolute; width:fit-content; top:0; left:0;}
	/* 갤러리영역 */
	.aboutAboutArea .mapSection{content:""; clear:both; display:block; position:relative; width:100%; background:url('/img/C00263/mainSection04_back.jpg')no-repeat; background-position:center center; background-size:cover;}
	.aboutAboutArea .mapSection{overflow:hidden; padding-top:120px; padding-bottom:150px;}
	.aboutAboutArea .mapSection .Inner{width:100%; min-width:100%;}
	.aboutAboutArea .mapSection .mainTitle{text-align:center;}

	.aboutAboutArea .mapSection .mainTitle p{font-size:12pt; color:#ceb5a8; letter-spacing:4pt; font-weight:500; padding-bottom:10px;}
	.aboutAboutArea .mapSection .mainTitle h3{font-size:28pt; color:#333333; line-height:1.5; font-weight:700;}
	.aboutAboutArea .mapSection .mainTitle h3 b{font-weight:700; color:#957968;}
		/*이미지*/
		.aboutAboutArea .mapSection .stInner{margin-top:50px;}
		.aboutAboutArea .mapSection .stInner .BannerThum{overflow:hidden; border-radius:30px;}
		.aboutAboutArea .mapSection .stInner .BannerThum img{width:100%; transition:5s; scale:1.1;}
		.aboutAboutArea .mapSection .stInner .swiper-slide{opacity:0.5}
		.aboutAboutArea .mapSection .stInner .swiper-slide-active{opacity:1;}
		.aboutAboutArea .mapSection .stInner .swiper-slide-active img{scale:1;}
		/*화살표*/
		.aboutAboutArea .mapSection .stInner .btnWrap .swiper-button-prev4{width:60px; height:60px; display:block; background:#957968; border:2px solid #fff; color:#fff; font-weight:400; font-size:24pt; transition:0.5s; cursor:pointer; border-radius:500px; text-align:center; line-height:42pt; position:absolute; top:50%; left:22.2%; transform:translate(0,-50%); z-index:500;}
		.aboutAboutArea .mapSection .stInner .btnWrap .swiper-button-prev4:hover{background:#fff; color:#957968;}
		.aboutAboutArea .mapSection .stInner .btnWrap .swiper-button-next4{width:60px; height:60px; display:block; background:#957968; border:2px solid #fff; color:#fff; font-weight:400; font-size:24pt; transition:0.5s; cursor:pointer; border-radius:500px; text-align:center; line-height:42pt; position:absolute; top:50%; right:22.2%; transform:translate(0,-50%); z-index:500;}
		.aboutAboutArea .mapSection .stInner .btnWrap .swiper-button-next4:hover{background:#fff; color:#957968;}
		/*롤링버튼*/
		.aboutAboutArea .mapSection .stInner .swiper-pagination4{position:absolute; left:50%; bottom:20px; transform:translate(-50%,0); z-index:500;}
		.aboutAboutArea .mapSection .stInner .swiper-pagination4 .swiper-pagination-bullet{background:rgba(107,61,39,0.5); width:8px; height:8px; border:0; display:inline-block; border-radius:500px; margin:0 5px; cursor:pointer; opacity:1;}
		.aboutAboutArea .mapSection .stInner .swiper-pagination4 .swiper-pagination-bullet-active{width:60px; background:rgba(107,61,39,1);} 

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 어바웃-의료진소개 */
.aboutDoctorArea{width:100%; position:relative; background:#f5f1ee;}
.aboutDoctorArea .doctorCont .Inner{padding:140px 0; position:relative;}
.aboutDoctorArea .doctorCont .contImg{display:inline-block; vertical-align:middle; border-radius:30px; overflow:hidden;}
.aboutDoctorArea .doctorCont .contImg img{width:auto;}
.aboutDoctorArea .doctorCont .contBox{display:inline-block; vertical-align:middle; padding-left:80px;}
.aboutDoctorArea .doctorCont .contBox h6{background:#957968; font-size:20pt; color:#fff; font-weight:500; width:fit-content; border-radius:10px; padding:5px 18px; margin-bottom:20px;}
.aboutDoctorArea .doctorCont .contBox .name h3{font-size:24pt; color:#333333; line-height:1; font-weight:700; letter-spacing:6pt;}
.aboutDoctorArea .doctorCont .contBox .name h3 b{font-size:18pt; font-weight:600;}
.aboutDoctorArea .doctorCont .contBox span{display:block; padding:30px 0;}
.aboutDoctorArea .doctorCont .contBox .career p{font-size:14pt; line-height:2; color:#333; font-weight:400;}
.aboutDoctorArea .doctorCont .line{width:100%; position:absolute; left:0; bottom:0;}
.aboutDoctorArea .doctorCont656 .line{display:none;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 어바웃-장비소개 */
.About_DeviceArea{width:100%; position:relative; background:#f5f1ee;}
.About_DeviceArea .deviceWrap{padding:60px 0;}
.About_DeviceArea .contBox{padding:60px 0; width:100%; position:relative;}
.About_DeviceArea .contBox::before{content:''; background:url('/img/C00263/shadowLine.png')no-repeat; background-size:cover; background-position:center center; width:100%; height:10px; position:absolute; bottom:-5px; left:0;}
.About_DeviceArea .contBox:last-child::before{display:none;}
	/*박스레이아웃*/
	.About_DeviceArea .contBox{display:inline-flex; align-items:center; justify-content:space-between;}
	.About_DeviceArea .contBox .imgBox{border-radius:30px; overflow:hidden; width:48%;}
	.About_DeviceArea .contBox .imgBox img{width:100%;}
	.About_DeviceArea .contBox .txtBox{width:48%;}
	/*텍스트*/
	.About_DeviceArea .contBox .txtBox h4{font-size:24pt; font-weight:600; color:#333; line-height:1;}
	.About_DeviceArea .contBox .txtBox p{font-size:13pt; line-height:1.5; color:#333; font-weight:400; padding-top:20px; letter-spacing:-0.3pt;}
	.About_DeviceArea .contBox .txtBox .keyBox{width:100%; display:inline-flex; align-items:center; justify-content:space-between; margin-top:20px;}
	.About_DeviceArea .contBox .txtBox .keyBox h6{display:block; color:#957968; width:calc(100%/4 - 3px); font-size:14pt; font-weight:500; border:1px solid #957968; border-radius:500px; text-align:center; padding:5px 0;}
	.About_DeviceArea .contBox .txtBox .keyBox h6.none{border:0;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 특정영역 여백 */
body .EventDetail_HeaderArea{padding-top:100px;}
body .Event_BasicsThumArea{padding-top:80px;}
.boardWrap #contents{padding:80px 0;}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 이벤트 숨김 */
	/*이벤트페이지*/
	body .LabelBlockThum label big strong{display:none;}
	body .LabelBlockThum label big strike{display:none;}
	body .LabelBlockThum label big em{display:none;}
	body .LabelThum_Height .LabelThum label big em{display:none;}
	/*이벤트선택*/
	body .LabelThum label big strong{display:none;}
	body .LabelThum label big strike{display:none;}
	body .LabelThum_Height .LabelThum label small pre{display:none;}
	body .LabelThum_Height .LabelThum label small mark{text-align:center; padding-left:0;}