@charset "utf-8";
/*
원앤온리성형외과
C00364
*/

/* =================================================================================================================================== */
/* 이벤트 */
.eventWrap{padding:85px 0 0 0;}

/* =================================================================================================================================== */
/* 게시판 */
.boardWrap{}
.boardWrap #contents{padding:100px 0;}
.boardWrap .BoardList_Search fieldset{background:none; border:none; display:flex; align-items:center; gap:0.2em;}
.boardWrap .BoardList_Search fieldset > label:nth-child(1){display:none;}
.boardWrap .BoardList_Search fieldset > label:nth-child(2){background:#fff; border-radius:5px; border:1px solid #c5c5c5; overflow:hidden; height:100%;}
.boardWrap .BoardList_Search fieldset > label:nth-child(2) input{font-size:11pt; line-height:35px; padding:0 0.8em}
.boardWrap .BoardList_Search fieldset > label:nth-child(3){background:none; width:25%;}
.boardWrap .BoardList_Search fieldset > label:nth-child(3) button{background:#393939; border-radius:5px; border:none; overflow:hidden; color:#fff; font-size:11pt; font-weight:500;}

/* 게시판 list */
.boardWrap.ListWrap .BoardBtnList > section{padding-bottom:0;}
/* 게시판 view */
.boardWrap.ViewWrap #contents{padding-top:calc(80px);}
.boardWrap.ViewWrap .boardThumList{margin-top:3em;}
.boardWrap.ViewWrap .lisTable > section{padding-bottom:0;}
.boardWrap.ViewWrap .boardview thead th{color:#222; font-size:16pt; font-weight:600; letter-spacing:-0.7px;}

/* 게시판 3차 메뉴 */
.boardWrap .SubNavApart{padding-bottom:50px;}
.boardWrap .SubNav_Small2{margin:0;}
.boardWrap .SubNav .SubNav_Small2{margin:0; display:none !important;}
.boardWrap .SubNav_Small2 ul{display:flex; align-items:center; gap:var(--px_15); justify-content:space-between;}
.boardWrap .SubNav_Small2 li{display:flex; align-items:center; justify-content:center; width:100%; background-color:#e7e7e7; border-radius:var(--px_10); overflow:hidden; }
.boardWrap .SubNav_Small2 li.Action{background-color:#C5A37E;}
.boardWrap .SubNav_Small2 li a{display:block; border:none; border-radius:0; width:100%; background-color:transparent; font-weight:600; font-size:21px; color:var(--color_7); transition:200ms; padding:8px 0px; letter-spacing:-0.5px;}
.boardWrap .SubNav_Small2 li:not(.Action) a:hover{background-color:#d1d1d1; color:var(--color_12);}
.boardWrap .SubNav_Small2 li.Action a{background-color:transparent; color:#fff; font-weight:600;}

/* 게시판 작성페이지 */
.boardWrap.WriteWrap #contents{padding-top:180px;}
.boardWrap.WriteWrap .InnerContainer{width:1000px; min-width:1000px;}
.boardWrap.WriteWrap fieldset .BtnBox{display:flex; gap:var(--px_10); align-items:center; margin:0; justify-content:center; margin-top:var(--px_50);}
.boardWrap.WriteWrap fieldset .BtnBox a{line-height:var(--px_60); height:var(--px_60); font-size:var(--px_20); width:25%; display:block; min-width:auto; padding:0; margin:0; border-radius:7px;}


/* ---------------------------------------------- */
/* 전후사진_cl 전용 */
.boardWrap.BnfWrap.ForC00360 #container{padding:0;}
.boardWrap.BnfWrap.ForC00360 #container > .InnerContainer{min-width:1400px; width:1400px; display:table;}
.boardWrap.BnfWrap.ForC00360 .boardThumList{position:relative; display:inline-table; width:80%; vertical-align:top; padding-left:80px;}
.boardWrap.BnfWrap.ForC00360 .boardThumList *{border:none; padding:0;}
.boardWrap.BnfWrap.ForC00360 .boardThumList ul{}
.boardWrap.BnfWrap.ForC00360 .boardThumList ul li{width:50%; padding:0 1%;}
.boardWrap.BnfWrap.ForC00360 .boardThumList ul li .ImgBox {display:block; width:100%;}
.boardWrap.BnfWrap.ForC00360 .boardThumList ul li .ImgBox .BlindThum{display:block; width:100%; overflow:hidden;}
.boardWrap.BnfWrap.ForC00360 .boardThumList ul li .ImgBox .BlindThum img{display:block; width:100%; cursor:pointer;}
.boardWrap.BnfWrap.ForC00360 .boardThumList ul li .ImgBox .BlindThum img:hover{animation:zoomEffect 0.8s ease forwards;}
.boardWrap.BnfWrap.ForC00360 .boardThumList ul li .ImgBox .Title{padding:13px 0 30px 0;}
.boardWrap.BnfWrap.ForC00360 .boardThumList ul li .ImgBox .Title p{line-height:1.4; font-size:18px; color:#121212; font-weight:500; letter-spacing:-1px;}
.boardWrap.BnfWrap.ForC00360 .BoardList_Search{display:none;}
.boardWrap.BnfWrap.ForC00360 .BoardBtnList{text-align:right;}
.boardWrap.BnfWrap.ForC00360 .BoardBtnList section{display:inline-block; width:80%; padding-left:80px; padding-bottom:0;}
.boardWrap.BnfWrap.ForC00360 .BoardBtnList .BoardList_PageBtn{width:100%;}

/* 전후사진_cl 3차메뉴 */
.boardWrap.BnfWrap.ForC00360 .SubNavApart{position:relative; display:inline-table; width:20%; vertical-align:top;}
.boardWrap.BnfWrap.ForC00360 .SubNavApart .InnerContainer{width:auto; min-width:auto;}
.boardWrap.BnfWrap.ForC00360 .SubNav_Small2{margin:0;}
.boardWrap.BnfWrap.ForC00360 .SubNav_Small2 ul{position:relative; padding:0; background-color:#fff; display:flex; flex-direction:column; gap:15px;}
.boardWrap.BnfWrap.ForC00360 .SubNav_Small2 ul li{position:relative; display:table; width:100%; z-index:1; border:none; border-radius:9px;}
.boardWrap.BnfWrap.ForC00360 .SubNav_Small2 ul li a{background-color:#ededed !important; font-size:13pt; padding:20px; border-radius:9px; transition:300ms all; letter-spacing:-0.5px; font-weight:600; line-height:1; text-align:left; color:#444;}
.boardWrap.BnfWrap.ForC00360 .SubNav_Small2 ul li:not(.Action) a:hover{background-color:#dddcdc !important;}
.boardWrap.BnfWrap.ForC00360 .SubNav_Small2 ul li span{position:relative; display:block; width:100%; text-align:left;}
.boardWrap.BnfWrap.ForC00360 .SubNav_Small2 ul li.Action{z-index:2;}
.boardWrap.BnfWrap.ForC00360 .SubNav_Small2 ul li.Action a{background-color:#9C1C1C !important; color:#fff !important; font-weight:700; box-shadow:0 15px 50px rgba(0,0,0,.2); z-index:2;}
.boardWrap.BnfWrap.ForC00360 .SubNav_Small2 .ColorBg{display:none;}

/* 전후사진_cl 모달 */
.ActiveFixed{overflow:hidden;}
.boardWrap.BnfWrap.ForC00360 .BnfModal{position:fixed; top:0; left:0; width:100%; height:100%; text-align:center; opacity:0; visibility:hidden; z-index:999;}
.boardWrap.BnfWrap.ForC00360 .BnfModal.Active{opacity:1; visibility:visible;}
.boardWrap.BnfWrap.ForC00360 .BnfModal.Active .ModalArea{opacity:1; visibility:visible;}
.boardWrap.BnfWrap.ForC00360 .BnfModal.Active .ModalArea img{opacity:1; visibility:visible; transform:scale(1); /* -webkit-transform:translateY(0); -ms-transform:translateY(0);  transform:translateY(0);  */-webkit-transition:all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.boardWrap.BnfWrap.ForC00360 .BnfModal .ModalAreaBg{position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.9); z-index:1;}
.boardWrap.BnfWrap.ForC00360 .BnfModal .ModalArea{position:absolute; width:100%; height:100%; align-items:center; justify-content:center; display:flex; z-index:2; background-color:transparent;/*  transform:translateY(15px); */ opacity:0; visibility:hidden; text-align:right;}
.boardWrap.BnfWrap.ForC00360 .BnfModal .ModalArea img{transform:scale(.5); opacity:0; visibility:hidden;-webkit-transition:all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.boardWrap.BnfWrap.ForC00360 .BnfModal .Close{position:absolute; display:block; width:100%; height:100%; left:0; top:0;}
.boardWrap.BnfWrap.ForC00360 .BnfModal i{position:relative; display:block; font-size:25pt; color:#fff; cursor:pointer; line-height:1;}
.boardWrap.BnfWrap.ForC00360 .BnfModal i:hover{color:#bfbfbf; transition-duration:300ms;}
.boardWrap.BnfWrap.ForC00360 .BnfModal pre{display:block; margin-top:1em; max-height:85vh; overflow-y:auto; overflow-x:hidden; text-align:justify;}
.boardWrap.BnfWrap.ForC00360 .BnfModal pre *{color:#fff !important;}
.boardWrap.BnfWrap.ForC00360 .BnfModal pre img{display:block; width:1000px !important; height:600px !important;}
.boardWrap.BnfWrap.ForC00360 .BnfModal pre::-webkit-scrollbar{width:6px; border-radius:100px;}
.boardWrap.BnfWrap.ForC00360 .BnfModal pre::-webkit-scrollbar-thumb{background-color:#666; border-radius:100px;}
.boardWrap.BnfWrap.ForC00360 .BnfModal pre::-webkit-scrollbar-track{background-color:#111;}
.boardWrap.BnfWrap.ForC00360 .BnfModal .TextBox{position:relative; display:block; width:100%;}
.boardWrap.BnfWrap.ForC00360 .BnfModal .Text{position:relative; display:block; text-align:left; line-height:1.1;}
.boardWrap.BnfWrap.ForC00360 .BnfModal .Text01{padding-left:25px; font-size:30px; font-weight:600; letter-spacing:-0.5px; font-family:"Noto Serif KR"; color:#282828; margin-top:15px;}
.boardWrap.BnfWrap.ForC00360 .BnfModal .Text02{padding-left:25px; font-size:20px; font-weight:500; color:#282828; line-height:1.7; margin-top:40px; padding-top:40px; height:280px; letter-spacing:-1px;}
.boardWrap.BnfWrap.ForC00360 .BnfModal .Text02:before{content:''; position:absolute; height:1px; width:100%; left:0; top:0; background-color:#282828;}
@keyframes zoomEffect {
	0%   {transform: scale(1);}
	50%  {transform: scale(1.04);}
	100% {transform: scale(1);}
}

/* 칼럼게시판 */
.goodsWrap.BoardNew.ListWrap .InnerContainer{width:1250px; min-width:1250px}
.goodsWrap.BoardNew .lisTable .Title{}
.goodsWrap.BoardNew .lisTable .Thumb{display:none;}
.goodsWrap.BoardNew .lisTable .Thumb ~ pre{padding:0;}
.goodsWrap.BoardNew .lisTable .Thumb ~ pre .Title{font-size:13pt; letter-spacing:-0.5px; font-weight:600; color:#333;}
.goodsWrap.BoardNew .lisTable .Thumb ~ pre mark{display:none;}


/* =================================================================================================================================== */
/* 문의 */
.contactWrap{}
.contactWrap #contents{padding:100px 0;}
.contactWrap .Footer_Area{padding:0;}
.contactWrap fieldset .BtnBox{display:flex; gap:var(--px_10); align-items:center; margin:0; justify-content:center; margin-top:var(--px_30);}
.contactWrap fieldset .BtnBox > a{line-height:var(--px_60); height:var(--px_60); font-size:var(--px_20); width:25%; display:block; min-width:auto; padding:0; margin:0; border-radius:7px;}
.contactWrap fieldset .BtnBox > button{line-height:var(--px_60); height:var(--px_60); font-size:var(--px_20); width:25%; display:block; min-width:auto; padding:0; margin:0; border-radius:7px;}
.contactWrap fieldset .BtnBox > p{margin:0; width:25%;}
.contactWrap fieldset .BtnBox > p > a,
.contactWrap fieldset .BtnBox > p > span{line-height:var(--px_60); height:var(--px_60); font-size:var(--px_20); width:100%; display:block; min-width:auto; padding:0; margin:0; border-radius:7px;}


/* =================================================================================================================================== */
/* 퀵링크페이지 */
.memberWrap #contents .Inner{margin-top:calc(5vh + 80px); margin-bottom:0; background:none; padding:0;}
.memberWrap #contents .AgreeBox{padding:0 0 70px 0;}
.memberWrap #contents .AgreeBox p{line-height:1;}
.memberWrap .AgreeBox .PrivacyText pre{height:60vh}
.aboutUninsured .Border_healthListArea{padding:calc(1.5em + 80px) 0 70px 0;}


/* =================================================================================================================================== */
/* 키비주얼 섹션 */
.TopVisual{height:800px; padding-top:85px; background-size:cover; background-position:center; background-repeat:no-repeat;}
.TopVisual > img{position:absolute; left:50%; transform:translate(-50%, 0); top:16%; z-index:1;}
.TopVisual .TopText{position:relative; display:flex; justify-content:center; align-items:center; flex-direction:column; gap:var(--px_25); width:100%; height:100%; z-index:2;}
.TopVisual .TopText > span{color:#fff; font-size:var(--px_20); font-family:'GMarketSans2'; font-weight:700; letter-spacing:0.5px; opacity:.5;}
.TopVisual .TopText h2{color:#fff; font-size:var(--px_60); font-weight:600;}
.TopVisual .TopText p{color:#fff; position:relative; font-size:var(--px_22); font-weight:300; line-height:1.6; text-align:center; margin-top:var(--px_15); opacity:.8;}
	

/* =================================================================================================================================== */
/* 의료진소개 */
.doctorContainer{}
.doctorContainer .Section01{background-image:url(/clinicInfoOnly/img/bg_logo.png); background-position:bottom right; background-size:auto; background-repeat:no-repeat;}
.doctorContainer .Section01 .contArea{}
.doctorContainer .Section01 .doctorBox{margin:0 auto;}
.doctorContainer .Section01 .textBox{padding:35px 0 0 35px; position:relative;}
.doctorContainer .Section01 .textBox *{z-index:2;}
.doctorContainer .Section01 .textBox:after{content:''; position:absolute; z-index:1; width:80px; height:80px; border-radius:100px; background:linear-gradient(135deg, rgba(208, 191, 159, 0.30) 4.2%, rgba(255, 255, 255, 0.30) 86.03%); left:0; top:0;}
.doctorContainer .Section01 .textBox pre.career *{color:#676767; line-height:1.9; font-weight:400;}
.doctorContainer .Section01 .textBox pre.career b{font-weight:600;}
.doctorContainer .Section01 .textBox small{letter-spacing:0.7px !important;}

.doctorContainer .Section02 .contArea{padding-left:60px; border-left:2px solid #C5A37E;}
.doctorContainer .Section02 .cont span:before{content:''; position:absolute; left:-23px; width:8px; height:8px; border-radius:100px; outline:3px solid rgba(197, 163, 126, 0.40); background-color:#C5A37E; top:12px;}


/* =================================================================================================================================== */
/* 병원소개 */
.aboutContainer{}
.aboutContainer .Section01{}
.aboutContainer .Section01 .cont01{}
.aboutContainer .Section01 .cont01 .textBox{justify-content:space-between; width:550px;}
.aboutContainer .Section01 .cont01 .textBox > span,
.aboutContainer .Section01 .cont01 .textBox > p{flex:none;}
.aboutContainer .Section01 .cont01 .textBox .line{width:100%; height:1px; background:linear-gradient(to right, transparent, #fff);}
.aboutContainer .Section01 .cont02{padding:var(--px_50) 0; border:1px solid rgba(255, 255, 255, 0.30); background-color:rgba(255, 255, 255, 0.10); width:650px;}

.aboutContainer .Section02{}
.aboutContainer .Section02 .textBox{padding:35px 0 0 35px; position:relative;}
.aboutContainer .Section02 .textBox *{z-index:2;}
.aboutContainer .Section02 .textBox:after{content:''; position:absolute; z-index:1; width:80px; height:80px; border-radius:100px; background:linear-gradient(135deg, rgba(208, 191, 159, 0.30) 4.2%, rgba(255, 255, 255, 0.30) 86.03%); left:0; top:0;}
.aboutContainer .Section02 .line{width:25px; height:3px; background-color:#c0c0c0;}

.aboutContainer .Section03{}
.aboutContainer .Section03 .nameBox span{padding-left:10px; border-left:2px solid rgba(197, 163, 126, 0.80); color:rgba(197, 163, 126, 0.50);}
.aboutContainer .Section03 .nameBox span b{font-weight:700 !important; color:#C5A37E; width:100%; display:block; text-align:left !important;}


/* =================================================================================================================================== */
/* 병원소개 */
.infoContainer{}
.infoContainer .Section02{}
.infoContainer .Section02 .cont{position:relative; overflow:hidden;}
.infoContainer .Section02 .cont .textBox{position:absolute; width:100%; height:100%; z-index:2;}
.infoContainer .Section02 .cont .imgBox{z-index:1; position:relative; z-index:1; background-color:#000; width:100%; max-height:650px;}
.infoContainer .Section02 .cont .imgBox img{width:100%; height:100%; object-fit:cover; opacity:.4; transition:300ms;}
.infoContainer .Section02 .cont:hover .imgBox{background-color:#000;}
.infoContainer .Section02 .cont:hover .imgBox img{scale:1.1; opacity:.6;}

.infoContainer .Section03 .cont{position:relative; z-index:2;}
.infoContainer .Section03 .cont:before{content:''; position:absolute; left:95px; width:1250px; height:1px; background-color:#534B45; top:77px; z-index:1;}
.infoContainer .Section03 .textBox{flex:none;}
.infoContainer .Section03 .textBox span{margin-bottom:var(--px_10);}
.infoContainer .Section03 .textBox .line{height:50px; width:1px; border-right:2px dotted #534B45; position:relative; z-index:2;}
.infoContainer .Section03 .textBox .line:before{content:''; position:absolute; top:0; left:-2px; width:6px; height:6px; border-radius:100px; outline:3px solid #d0bf9fbd; background-color:#534B45; z-index:1;}
.infoContainer .Section03 .textBox p{background-color:#F1F1F1; border-radius:var(--px_15); padding:var(--px_25);}


/* =================================================================================================================================== */
/* 오시는길 */
.aboutMapWrap .footerArea{display:none !important;}
.mapContainer *{}
.mapContainer .Section01 #mapAbout{width:790px; height:530px;}
.mapContainer .Section01 .textBox{padding:30px 50px;}
.mapContainer .Section01 .textBox img{width:fit-content;}
.mapContainer .Section01 .textBox b{color:#FFE4AD;}
.mapContainer .Section02{}
.mapContainer .Section02 > div{border-top:2px solid rgba(51, 51, 51, 0.30);}
.mapContainer .Section02 .titleCont p{padding:20px 40px;}
.mapContainer .Section02 .cont > div .box{width:400px; height:230px;;}
.mapContainer .Section02 .textBus .box p:nth-child(1){color:#1D58D7;}
.mapContainer .Section02 .textBus .box p:nth-child(2){color:#1FB150;}
.mapContainer .Section02 .textBus .box p:nth-child(3){color:#E42D2D;}


/* =================================================================================================================================== */
/* 시술페이지공통 */
.SectionOnly{position:relative;}

/* quotesBox 따옴표 박스 ----------------------------------------------------------------------------------------- */
.SectionOnly .quotesBox{display:flex; align-items:flex-start;}
.SectionOnly .quotesBox *{}
.SectionOnly .quotesBox img{vertical-align:top; height:fit-content; width:fit-content; margin:0 var(--px_10);}


/* pointBox 포인트 박스 ----------------------------------------------------------------------------------------- */
.SectionOnly .pointBox{padding:var(--px_13) var(--px_20); width:fit-content;}
.SectionOnly .pointBox *{width:fit-content;}


/* caseCont 케이스 박스 ----------------------------------------------------------------------------------------- */
.SectionOnly .caseCont{}
.SectionOnly .caseBox{}
.SectionOnly .caseBox p{width:150px; height:150px; border-radius:100px; display:flex; align-items:center; justify-content:center;}
.SectionOnly .caseBox .line{width:85px; height:2px; background-color:#F1F1F1;}
.SectionOnly .caseBox01 > p{background-color:#DEDEDE; border:15px solid #F2F2F2;}
.SectionOnly .caseBox02 > p{background-color:#D3B99D; border:15px solid #E8D5C0;}


/* SectionKey 시술키비주얼 ----------------------------------------------------------------------------------------- */
.SectionKey{height:100vh; min-height:calc(945px + var(--px_100));}

	/* 기본세팅 */
	.SectionKey .innerFull{display:flex; align-items:flex-start; height:calc(100% - var(--px_100)); padding-top:85px; background-position-x:4%; background-position-y:92%; background-repeat:no-repeat;}
	.SectionKey .contArea{z-index:2; height:calc(100% - 85px); align-self:auto !important;}
	.SectionKey .imgArea{position:absolute; width:1120px; max-width:60%; text-align:left; display:flex; align-items:flex-start; z-index:1; right:0; bottom:0;     height: calc(100% - 85px);}
	.SectionKey .imgArea img{width:100%; height:100%; object-fit:cover; object-position:left;}
	.SectionKey .contTag{}
	.SectionKey .contTag .textBox{}
	.SectionKey .contTag .textBox p{padding:var(--px_13) var(--px_18); border-radius:var(--px_10); background-color:rgba(154, 125, 99, 0.40); color:#fff; font-weight:500;}
	.SectionKey .contTitle * {color:#fff;}

	@media (min-width: 1921px) {
		.SectionKey .imgArea{width:50%;}
		.SectionKey .imgArea img{object-fit:none;}
	}

/* contIcon 아이콘영역 ----------------------------------------------------------------------------------------- */

	/* 기본세팅 */
	.SectionOnly .contIcon{background-color:rgba(255, 255, 255, 0.55); border:1px solid #fff; border-radius:var(--px_20); width:fit-content; padding:var(--px_25) var(--px_35) var(--px_30) var(--px_35); border-radius:var(--px_20);}
	.SectionOnly .contIcon .iconBox{align-items:center;}
	.SectionOnly .contIcon img{width:fit-content; margin-bottom:var(--px_10);}
	.SectionOnly .contIcon p{color:#534B45; font-weight:600;}
	.SectionOnly .contIcon small{color:#534B45; font-weight:400;}
	/* 영역 안에 있을 경우 */
	.SectionOnly .box .contIcon{background-color:rgba(197, 163, 126, 0.15);}

/* tabBox 텝박스 ----------------------------------------------------------------------------------------- */

	/* 기본세팅 */
	.SectionOnly .tabBox{}
	.SectionOnly .tabBox div{display:flex; align-items:center; justify-content:center; padding:0.7em 0; min-width:300px; background-color:#C3C3C3; transition:200ms; border-radius:100px; text-align:center; cursor:pointer;}
	.SectionOnly .tabBox div.active{background-color:#C5A37E;}
	.SectionOnly .tabBox div:not(.active):hover{color:rgb(41, 41, 41);}
	.SectionOnly .tab{display:none;}
	.SectionOnly .tab.active{display:flex; animation:fadeIn 0.3s ease forwards;}
	.SectionOnly .tab.fadeOut{display:flex; animation:fadeOut 0.3s ease forwards;}
	@keyframes fadeIn {
		from { opacity: 0; transform: translateY(8px); }
		to   { opacity: 1; transform: translateY(0); }
	}
	@keyframes fadeOut {
		from { opacity: 1; transform: translateY(0); }
		to   { opacity: 0; transform: translateY(8px); }
	}

	
/* SectionBubble 말풍선영역 ----------------------------------------------------------------------------------------- */
.SectionBubble{background:linear-gradient(180deg, #EAEAEA 0%, #FFF 50%, #EDE6DA 100%); overflow:hidden;}
.SectionBubble.bg_f{background:none;}

	/* 기본세팅 */
	.SectionBubble .bubbleBox{align-items:center;}
	.SectionBubble .bubbleBox p{border-radius:100px; line-height:1.6; padding:var(--px_20) var(--px_60); color:#fff; font-weight:600; width:fit-content; position:relative;}
	.SectionBubble .bubbleBox.gray p{background-color:#999;}
	.SectionBubble .bubbleBox.brown p{background-color:#C5A37E;}
	.SectionBubble .bubbleBox p:nth-child(odd):before{content:''; position:absolute; bottom:0; left:0; width:23px; height:25px; background-position:bottom; background-repeat:no-repeat; background-size:contain;}
	.SectionBubble .bubbleBox p:nth-child(even):before{content:''; position:absolute; bottom:0; right:0; width:23px; height:25px; background-position:bottom; background-repeat:no-repeat; background-size:contain;}
	.SectionBubble .bubbleBox.gray p:nth-child(odd):before{background-image:url('/clinicInfoOnly/img/bubble_left_gray.png');}
	.SectionBubble .bubbleBox.gray p:nth-child(even):before{background-image:url('/clinicInfoOnly/img/bubble_right_gray.png');}
	.SectionBubble .bubbleBox.brown p:nth-child(odd):before{background-image:url('/clinicInfoOnly/img/bubble_left_brown.png');}
	.SectionBubble .bubbleBox.brown p:nth-child(even):before{background-image:url('/clinicInfoOnly/img/bubble_right_brown.png');}
	.SectionBubble .dotBox .dot{width:12px; height:12px; border-radius:100px; background-color:#BCBCBC; border:3px solid #e8e8e8; animation:arrowAni01 1s infinite; margin:0 auto;}


/* SectionNumber 번호영역 ----------------------------------------------------------------------------------------- */
.SectionNumber{}

	/* 기본세팅 */
	.SectionNumber .numBox small{width:50px; height:50px; border-radius:100px; display:flex; align-items:center; justify-content:center; letter-spacing:1px !important;}
	.SectionNumber .numBox .line{height:1px; background-color:rgba(51, 51, 51, 0.50);}
	.SectionNumber .contBox .textBox{background-image:url('/clinicInfoOnly/img/number_logo.png'); background-position-x:right; background-position-y:bottom; background-repeat:no-repeat; background-size:auto;}


/* stepCont STEP영역 ----------------------------------------------------------------------------------------- */

	/* 기본세팅 */
	.SectionOnly .stepCont{}
	.SectionOnly .stepCont > div:last-child{background-color:#FAF2E9; padding:var(--px_20) var(--px_20) var(--px_40) var(--px_20);}


/* tableCont 테이블영역 ----------------------------------------------------------------------------------------- */

	/* 기본세팅 */
	.SectionOnly .tableCont{}
	.SectionOnly .tableCont .tableBox{overflow:hidden;}
	.SectionOnly .tableCont .tableBox ul{overflow:hidden; display:flex; align-items:stretch;}
	.SectionOnly .tableCont .tableBox ul + ul{border-top:1px solid #DADADA;}
	.SectionOnly .tableCont .tableBox ul li *{text-align:center; align-items:center; display:flex; justify-content:center; height:100%; flex-direction:column; }
	.SectionOnly .tableCont .tableBox ul li{padding:var(--px_20) 0;}
	.SectionOnly .tableCont .tableBox ul.first + ul{border:none;}
	.SectionOnly .tableCont .tableBox ul.first li{display:flex; flex-direction:column; align-items:center; padding:var(--px_20); text-align:center; gap:var(--px_10);}
	.SectionOnly .tableCont .tableBox ul:not(.first) li:not(:nth-child(2)) *{line-height:1.7;}
	.SectionOnly .tableCont .tableBox ul li:nth-child(2){width:150px;}
	.SectionOnly .tableCont .tableBox.wide ul li:nth-child(2){width:180px;}
	.SectionOnly .tableCont .tableBox ul li:not(:nth-child(2)){width:350px; background-color:#F8F8F8;}
	/* 플러스 다음 박스 */
	.SectionOnly .tableCont .brownBox{overflow:hidden;}
	.SectionOnly .tableCont .brownBox > div{padding:var(--px_30) var(--px_35);}
	.SectionOnly .tableCont .brownBox > p{padding:var(--px_35) 0; width:100%;}


/* SectionCare 관리프로그램 ----------------------------------------------------------------------------------------- */
.SectionCare{}

	/* 기본세팅 */
	.SectionCare .careCont{row-gap:var(--px_50) !important;}


/* SectionDoctor 의료진영역 ----------------------------------------------------------------------------------------- */
.SectionDoctor{}

	/* 기본세팅 */
	.SectionDoctor .titleCont{}
	.SectionDoctor .titleCont small{color:#F5EAD4;}


/* SectionTarget 추천대상영역 ----------------------------------------------------------------------------------------- */

	/* 기본세팅 */
	.SectionOnly .checkBox{padding:var(--px_40) 0; min-width:275px; justify-content:flex-start;}
	.SectionOnly .checkBox > b{padding:var(--px_10) var(--px_25);} /* 회색박스 */
	.SectionOnly .checkBox.wide{min-width:650px;}


/* plusCont 플러스박스 ----------------------------------------------------------------------------------------- */

	/* 기본세팅 */
	.SectionOnly .plusCont{}
	.SectionOnly .plusCont > div > span{padding:var(--px_15) var(--px_30);}


/* SectionAge 중년성형 ----------------------------------------------------------------------------------------- */
.SectionAge{}

	/* 기본세팅 */
	.SectionAge .ageCont{width:810px; background-image:url('/clinicInfoOnly/img/age_icon.png'); background-repeat:no-repeat; background-position-x:center; background-position-y:50%; background-size:auto;}
	.SectionAge .ageCont .contBox{width:100%; justify-content:center;}
	.SectionAge .ageCont .contBox .textBox{width:240px; height:240px; border-radius:200px;}
	.SectionAge .ageCont .contBox01{}
	.SectionAge .ageCont .contBox02{margin-top:-50px;}
	.SectionAge .ageCont .contBox03{margin-top:40px;}


/* SectionSystem 안전수술시스템 ----------------------------------------------------------------------------------------- */
.clincContainer .SectionSystem{}

	/* swiper */
	.clincContainer .SectionSystem .contArea{position:relative;}
	.clincContainer .SectionSystem .systemSwiper{position:relative; display:block; width:100%;}
	.clincContainer .SectionSystem .systemSwiper .swiper-wrapper{z-index:2;}
	.clincContainer .SectionSystem .systemSwiper .swiper-slide{width:1280px; padding:2em 0; height:590px; opacity:.2; transition:padding 0.5s ease, opacity 0.5s ease;}
	.clincContainer .SectionSystem .systemSwiper .swiper-slide-active{padding:0; opacity:1;}
	.clincContainer .SectionSystem .systemSwiper .box{position:relative; display:block; width:100%; height:100%; overflow:hidden; border-radius:var(--px_50);}
	.clincContainer .SectionSystem .systemSwiper .textBox{height:100%; left:90px}
	.clincContainer .SectionSystem .systemSwiper .textBox img{width:fit-content;}
	.clincContainer .SectionSystem .systemSwiper .swiper-slide-active .imgBox{}
	.clincContainer .SectionSystem .systemSwiper .imgBox img{position:relative; display:block; width:100%; height:100%; overflow:hidden; transition:300ms;}

	@media screen and (max-width: 1599px) {
		.clincContainer .SectionSystem .systemSwiper .swiper-slide{width:1200px; height:600px;}
	}


/* SectionCompare 전후사진비교 영역 ----------------------------------------------------------------------------------------- */
.SectionCompare{background-color:#DED2BD; display:none !important;}
.SectionOnly .compareCont{}

	/* 기본세팅 --------------------------------------------------------- */
	.SectionOnly .compareTabs{}
	.SectionOnly .compareTabs li{text-align:center; color:var(--color_7); border-radius:var(--px_10); padding:var(--px_16) 0; width:100%; background-color:var(--color_f); transition:200ms; cursor:pointer;}
	.SectionOnly .compareTabs li:not(.active):hover{color:var(--color_12);}
	.SectionOnly .compareTabs li.active{color:var(--color_f); background-color:var(--color_ee710c);}
	.SectionOnly .comparePanels .comparePanel{width:100%; transition:opacity .4s ease; position:relative;}
	.SectionOnly .comparePanels .compareBox{position:relative; overflow:hidden; width:600px; display:block; margin:0 auto; border-radius:var(--px_10);} 
	.SectionOnly .comparePanels .compareBox .img{width:100%; display:block; inset:0;} 
	.SectionOnly .comparePanels .compareBox .resize{position:absolute; top:0; left:0; height:100%; width:50%; overflow:hidden;} 
	.SectionOnly .comparePanels .compareBox .control{position:absolute; left:50%; top:0; bottom:0; width:4px; margin-left:-2px; cursor:ew-resize; touch-action:none;}
	.SectionOnly .comparePanels .compareBox .control .arrow{position:absolute; margin:auto; top:0; bottom:0; width:0; height:0; transition:all .2s ease;} 
	.SectionOnly .comparePanels .compareBox .control:before{top:0;}
	.SectionOnly .comparePanels .compareBox .control:before,
	.SectionOnly .comparePanels .compareBox .control:after{display:block; position:absolute; content:""; width:2px; height:46%; background-color:#C5A37E;}
	.SectionOnly .comparePanels .compareBox .control:after{bottom:0;}
	.SectionOnly .comparePanels .compareBox .control .btn{display:block; position:absolute; top:50%; left:50%; width:40px; height:40px; background-image:url(/clinicInfoOnly/img/icon_compareBtn.svg);transform:translate(-50%, -50%); background-size:cover;}
	.SectionOnly .comparePanels .compareBox .img span{position:absolute; display:inline-block; padding:var(--px_10) var(--px_15); bottom:0;}
	.SectionOnly .comparePanels .compareBox .img.after span{right:0;}
	.SectionOnly .comparePanels .compareBox .img.before span{left:0; white-space:pre;}
	.SectionOnly .comparePanels .compareSwiper{z-index:2;}
	.SectionOnly .comparePanels .swiperArrow{display:flex; align-items:center; position:absolute; z-index:1; top:calc((100% - var(--px_50) - 10px) / 2); left:50%; margin-left:calc(-1450px / 2); margin-top:-20px;}
	.SectionOnly .comparePanels .swiperArrow > div{display:flex; align-items:center; justify-content:center; border-radius:100px; overflow:hidden; cursor:pointer; transition:200ms;}
	.SectionOnly .comparePanels .swiperArrow > div img{}
	.SectionOnly .comparePanels .swiperArrow .arrowPrev{margin-right:auto;}
	.SectionOnly .comparePanels .swiperArrow .arrowNext{margin-left:auto;}
	.SectionOnly .comparePanels .swiperArrow .swiper-button-disabled {opacity:0; pointer-events:none;}

	/* 페이지버튼 */
	.SectionCompare .swiperPageBtn{display:flex; align-items:center; gap:8px; justify-content:center; margin-top:var(--px_50); bottom:0;}
	.SectionCompare .swiperPageBtn span{width:10px; height:10px; border-radius:100px; background-color:#fff; opacity:1; transition:150ms; cursor:pointer;}
	.SectionCompare .swiperPageBtn span.swiper-pagination-bullet-active{background-color:#C5A37E; width:30px;}


/* SectionFaq FAQ영역 ----------------------------------------------------------------------------------------- */
.SectionFaq{background-color:#e6e6e6;}

	/* 기본세팅 --------------------------------------------------------- */
	.SectionFaq .faqArea{width:100%;}
	.SectionFaq .faqArea .faqBox{background-color:#C0C0C0; border-radius:var(--px_20); transition:300ms; overflow:hidden;}
	.SectionFaq .faqArea .faqBox * {text-align:left;}
	.SectionFaq .faqArea .qestionArea{padding:var(--px_35) var(--px_80); cursor:pointer; transition:background-color 250ms;}
	.SectionFaq .faqArea .qestionArea:hover{background-color:rgba(0, 0, 0, 0.07)}
	.SectionFaq .faqArea .qestionArea .qestionBox{width:100%;}
	.SectionFaq .faqArea .qestionArea .qestionBox *{color:#fff;}
	.SectionFaq .faqArea .qestionArea .qestionBox span{height:17px; opacity:.6;}
	.SectionFaq .faqArea .qestionArea svg{transition:300ms;}
	.SectionFaq .faqArea .answerArea{will-change:height; transform:translateZ(0); height:0; overflow:hidden; transition:height .45s cubic-bezier(.4,0,.2,1); background-color:#fff;}
	.SectionFaq .faqArea .answerArea .answerBox{padding:var(--px_50) var(--px_80);}
	.SectionFaq .faqArea .answerArea .answerBox .text{word-break:keep-all;}
	/* 열릴때 */
	.SectionFaq .faqArea .faqBox.active{background-color:#C5A37E; border-radius:var(--px_20) var(--px_20) 0 0;}
	.SectionFaq .faqArea .faqBox.active svg{transform:rotate(180deg);}


/* O2 SMAS 풀안면거상 ----------------------------------------------------------------------------------------- */
.smasWrap{}

	/* 섹션2(스마스영역) */
	.smasWrap .Section02 .box01{width:51%; row-gap:var(--px_40) !important;}
	.smasWrap .Section02 .box01 > div{display:block;}
	.smasWrap .Section02 .box01 .textBox{background-color:rgba(0, 0, 0, 0.40); padding:var(--px_15) var(--px_15); width:220px; min-height:99px;}
	.smasWrap .Section02 .box01 .textBox span{opacity:.5;}
	.smasWrap .Section02 .box01 .textBox p{opacity:.5; word-break:keep-all; margin-top:var(--px_8);}
	.smasWrap .Section02 .box02{background-color:rgba(0, 0, 0, 0.75); padding:var(--px_60) var(--px_80);}
	/* 섹션4 */
	.smasWrap .Section04{position:relative;}
	.smasWrap .Section04 > img{top:auto; bottom:0; left:70%; z-index:1;}
	.smasWrap .Section04 .abBox{background-color:rgba(0, 0, 0, 0.60);}
	.smasWrap .Section04 .checkBox{padding:var(--px_40) var(--px_80);}
	/* 포인트섹션 */
	.smasWrap .SectionPoint .abBox01{background-color:rgba(168, 134, 98, 0.80);}
	.smasWrap .SectionPoint .abBox02{background-color:rgba(104, 104, 104, 0.40);}
	.smasWrap .SectionPoint .abBox03{background-color:rgba(0, 0, 0, 0.40);}


/* O2 연조직윤곽술 ----------------------------------------------------------------------------------------- */
.softTissueWrap{}

	/* 섹션2 */
	.softTissueWrap .Section01{position:relative;}
	.softTissueWrap .Section01 > img{top:auto; bottom:0; z-index:1; width:350px;}
	/* 앱솔루트박스 */
	.softTissueWrap .SectionOnly .abBox01{background-color:rgba(0, 0, 0, 0.40);}
	/* 따옴표박스 */
	.softTissueWrap .Section04 .quotesBox img:last-child{align-self:flex-end; padding-bottom:19px;}


/* O2 수직 미니 거상 ----------------------------------------------------------------------------------------- */
.miniLiftWrap{}

	/* 섹션1 */
	.miniLiftWrap .Section01{position:relative;}
	.miniLiftWrap .Section01 > img{top:auto; bottom:0; left:75%; z-index:1; width:25em;}
	/* 추천대상영역 */
	.miniLiftWrap .SectionTarget .checkBox{padding:var(--px_50) var(--px_50);}
	/* 섹션2 */
	.miniLiftWrap .Section02{position:relative;}
	.miniLiftWrap .Section02 > img{top:auto; bottom:0; left:70%; z-index:1;}
	/* 앱솔루트박스 */
	.miniLiftWrap .SectionOnly .abBox01{background-color:rgba(0, 0, 0, 0.40);}


/* 이중턱성형술 ----------------------------------------------------------------------------------------- */
.doubleChinWrap{}

	/* 앱솔루트박스 */
	.doubleChinWrap .SectionOnly .abBox01{background-color:rgba(0, 0, 0, 0.40);}
	.doubleChinWrap .SectionOnly .abBox02{background-color:rgba(197, 163, 126, 0.80);}
	/* 섹션2 */
	.doubleChinWrap .Section02 .contBox{}
	.doubleChinWrap .Section02 .contBox .imgBox{margin:0 auto;}
	.doubleChinWrap .Section02 .contBox > div{min-width:320px; padding:var(--px_30) 0 var(--px_40) 0;}
	/* 추천대상영역 */
	.doubleChinWrap .SectionTarget .checkBox.wide:last-child{background-color:#F4F0EC !important;}


/* 내시경 이마거상술 ----------------------------------------------------------------------------------------- */
.forheadLiftWrap{}

	/* 앱솔루트박스 */
	.forheadLiftWrap .SectionOnly .abBox01{background-color:#B4B4B4;}
	.forheadLiftWrap .SectionOnly .abBox02{background-color:#C5A37E;}
	/* 포인트섹션 */
	.forheadLiftWrap .SectionPoint .cont01 .imgBox .textBox{padding:0 var(--px_30);}
	/* 섹션3 */
	.forheadLiftWrap .Section03 span{color:rgba(255, 255, 255, 0.80); background-color:rgba(197, 163, 126, 0.50); border-radius:100px; padding:var(--px_20) var(--px_40); letter-spacing:0.07px !important;}


/* 이마축소술 ----------------------------------------------------------------------------------------- */
.forheadReducWrap{}

	.forheadReducWrap .SectionStep{position:relative;}
	.forheadReducWrap .SectionStep > img{top:auto; bottom:0; left:75%; z-index:1; width:25em;}


/* 중안부축소술 ----------------------------------------------------------------------------------------- */
.midfaceReducWrap{}

	/* 링크박스컬러 */
	.midfaceReducWrap .SectionWide .cont01 .moreBtn a{border:none; width:fit-content;}
	.midfaceReducWrap .SectionWide .cont01 .moreBtn a:hover{background-color:#3d3732 !important;}


/* 리프팅 재수술 ----------------------------------------------------------------------------------------- */
.revisionLiftWrap{}

	/* 섹션2(스마스영역) */
	.revisionLiftWrap .Section02 .box01{width:51%; row-gap:var(--px_40) !important;}
	.revisionLiftWrap .Section02 .box01 > div{display:block;}
	.revisionLiftWrap .Section02 .box01 .textBox{background-color:rgba(0, 0, 0, 0.40); padding:var(--px_15) var(--px_15); width:220px; min-height:99px;}
	.revisionLiftWrap .Section02 .box01 .textBox span{opacity:.5;}
	.revisionLiftWrap .Section02 .box01 .textBox p{opacity:.5; word-break:keep-all; margin-top:var(--px_8);}
	.revisionLiftWrap .Section02 .box02{background-color:rgba(0, 0, 0, 0.75); padding:var(--px_60) var(--px_80);}
	/* 따옴표박스 */
	.revisionLiftWrap .quotesBox img:last-child{align-self:flex-end; padding-bottom:19px;}
	/* 섹션7 */
	.revisionLiftWrap .Section07 .contBox{}
	.revisionLiftWrap .Section07 .contBox .imgBox{margin:0 auto;}
	.revisionLiftWrap .Section07 .contBox > div{min-width:320px; padding:var(--px_30) 0 var(--px_40) 0;}
	/* 섹션5 */
	.revisionLiftWrap .Section05 .checkBox{min-width:430px;}
	.revisionLiftWrap .Section05 .cont span{border:20px solid rgba(255, 255, 255, 0.20); width:250px; height:250px; border-radius:200px; display:flex; align-items:center; justify-content:center; text-align:center;}
	/* 앱솔루트박스 */
	.revisionLiftWrap .SectionOnly .abBox01{background-color:rgba(0, 0, 0, 0.40);}


/* 눈썹하거상/상안검 ----------------------------------------------------------------------------------------- */
.blephWrap{}

	/* 탭박스 */
	.blephWrap .Section01 .tab .box01 .checkBox{background-color:#F8F5F2 !important; padding-left:35px; width:500px;}
	/* 섹션3 */
	.blephWrap .Section03 .contBox{}
	.blephWrap .Section03 .contBox .imgBox{margin:0 auto;}
	.blephWrap .Section03 .contBox > div{min-width:320px; padding:var(--px_30) 0 var(--px_40) 0;}


/* 하안검 ----------------------------------------------------------------------------------------- */
.blephLowWrap{}

	/* 섹션1 */
	.blephLowWrap .Section01{position:relative;}
	.blephLowWrap .Section01 > img{top:auto; bottom:0; z-index:1; width:350px;}
	/* 섹션2 */
	.blephLowWrap .Section02 .titleBox span{padding:13px 30px;}
	/* 섹션4 */
	.blephLowWrap .Section04 .cont02{padding:65px 0;}
	.blephLowWrap .Section04 .cont02 .box .line{height:50px; width:4px; background-color:#D9D9D9;}


/* 눈밑 성형 ----------------------------------------------------------------------------------------- */
.eyeLowerWrap{}

	/* 섹션1 */
	.eyeLowerWrap .Section01{position:relative;}
	.eyeLowerWrap .Section01 > img{top:auto; bottom:0; z-index:1; width:350px;}


/* 꺼진눈 / 눈위 지방재배치 ----------------------------------------------------------------------------------------- */
.eyeUpperWrap{}

	/* 섹션3 */
	.eyeUpperWrap .Section03 .contBox{}
	.eyeUpperWrap .Section03 .contBox .imgBox{margin:0 auto;}
	.eyeUpperWrap .Section03 .contBox > div{min-width:320px; padding:var(--px_50) 0 var(--px_60) 0; background-color:rgba(228, 228, 228, 0.30);}
	/* 테이블영역 */
	.eyeUpperWrap .SectionOnly .tableCont .tableBox ul li:not(:nth-child(2)){width:400px;}


/* 줄기세포 수액치료 ----------------------------------------------------------------------------------------- */
.stemCellWrap{}

	/* 섹션2 */
	.stemCellWrap .Section02{position:relative;}
	.stemCellWrap .Section02 > img{top:auto; bottom:0; z-index:1; width:400px; left:auto; right:0;}
	/* 섹션3 */
	.stemCellWrap .SectionOnly .checkBox.wide{min-width:400px;}
	/* 테이블영역 */
	.stemCellWrap .SectionOnly .tableCont .tableBox ul li:not(:nth-child(2)){background-color:#fff;}
	/* 브라운배경영역 */
	.stemCellWrap .SectionOnly .brownBox{}
	.stemCellWrap .SectionOnly .brownBox .imgBox{margin:0 auto;}
	.stemCellWrap .SectionOnly .brownBox > div{min-width:320px; padding:var(--px_30) 0 var(--px_40) 0;}

	
/* 눈매교정 ----------------------------------------------------------------------------------------- */
.correctionWrap{}

	/* 배경텍스트 */
	.correctionWrap .SectionOnly .text_bgBottom:after{width:101%; margin-left:-50.5%}
	/* 테이블영역 */
	.correctionWrap .SectionOnly .tableCont .tableBox ul li:not(:nth-child(2)){background-color:#fff;}
	/* 브라운배경영역 */
	.correctionWrap .SectionOnly .brownBox{}
	.correctionWrap .SectionOnly .brownBox .imgBox{margin:0 auto;}
	.correctionWrap .SectionOnly .brownBox > div{min-width:320px; padding:var(--px_30) 0 var(--px_40) 0;}
	
/* 눈매교정 ----------------------------------------------------------------------------------------- */
.canthoplastyWrap{}

	/* 섹션1 */
	.canthoplastyWrap .Section01 > img{top:auto; bottom:0; z-index:1; width:350px;}
	/* 섹션2 */
	.canthoplastyWrap .Section02 .checkBox.wide{min-width:330px;}