@charset "utf-8";

/*
로미모의원
NC00387
*/

@import url('https://fonts.googleapis.com/css2?family=Reddit+Sans:ital,wght@0,200..900;1,200..900&display=swap');

/* ================================================================================================= */
/* 기본구성 */
body{top:0 !important; padding:0 !important;}
body *{font-family:'Noto Sans KR', 'Pretendard' ; word-break:break-word; line-height:normal; letter-spacing:-0.3pt;}


/* ================================================================================================= */
/* 헤더 */
header.Fixed .headerWrap{background:rgba(255,255,255,0.6);}
header .headerWrap{position:fixed; top:0; left:0; z-index:9999; display:table; height:80px; transition:0.5s; width:100%; background-color:#fff; display:flex; align-items:center;}
header .headerWrap:hover .BranchrOpen p{border:1px solid #333;}
header .headerWrap:hover .BranchrOpen p i{color:#333;}
header .headerWrap:hover .BranchrOpen p strong{color:#333;}

/*레이아웃*/
header .headerWrap .Logo{position:relative; display:table-cell; width:21%; vertical-align:middle;}
header .headerWrap .HeaderNav_GNBmenu{position:relative; display:flex; align-items:center; width:57% !important; min-width:57% !important; vertical-align:middle; margin:0;}
header .headerWrap .Member{position:relative; display:table-cell; vertical-align:middle; width:8%;}
header .headerWrap .Member ul{display:flex; justify-content:center; align-items:center;}
	/*로고*/
	header .headerWrap .Logo img{width:auto;}
	/*대메뉴*/
	header .HeaderNav_GNBmenu{border:0;}
	header .HeaderNav_LargeMenu{width:100%; text-align:center;}
	header .HeaderNav_GNBmenu .HeaderNav_Menu{width:14%; display:inline-block;}
	header .HeaderNav_GNBmenu .MenuBig > a{font-size:13pt; height:80px; line-height:1.4; font-weight:500; color:#222;  display:flex; justify-content:center; align-items:center; word-break:keep-all;}
	/*로그인아웃*/
	header .Member li{display:inline-block; padding-left:10px; font-size:12pt;}
	header .Member li:nth-child(1){padding-left:0;}
	header .Member li span{color:#676767 !important; font-weight:500;}
	/*소메뉴*/
	.HeaderNav_SmallMenuCube{top:80px; width:130%; left:50%; transform:translate(-50%,0);}
	.HeaderNav_SmallMenuCube dl:before{display:none;}
	.HeaderNav_SmallMenuCube dl{width:100%; background-color:#fff; border-top:2px solid #F59423;}
	.HeaderNav_LargeMenu .MenuBig a{color:#000; transition:0.2s;}
	.HeaderNav_LargeMenu .MenuBig a:hover{color:#F59423; font-weight:600;}
	/* 지점선택 */
	header .BranchrOpen{display:table-cell; position:relative; text-align:right; width:10%; margin-right:0; vertical-align:middle; cursor:pointer; display:none;}
	header .BranchrOpen p{font-size:10pt; padding:8px 15px; background-color:transparent; border:1px solid #fff; line-height:1; text-align:left;}
	header .BranchrOpen p strong{font-weight:normal; color:#fff;}
	header .BranchrOpen p i{font-size:9pt; font-weight:normal; float:right; color:#fff;}
	header .HeaderNav_BranchrNetwork{padding:0; border:none; background-color:#fff; right:-0; top:60px; width:100%;}
	header .HeaderNav_BranchrNetwork a{font-size:10pt; }
	header .HeaderNav_BranchrNetwork p{border:none !important;}
	header .HeaderNav_BranchrNetwork a strong{color:#333;}
	header .HeaderNav_BranchrNetwork .BranchList2 .List dt{display:none;}
	header .HeaderNav_BranchrNetwork .BranchList2 .List dd{width:108px;}
	header .HeaderNav_BranchrNetwork .BranchList2 .List a{width:100%; display:block; border:none; font-size:10pt; padding:8px 15px; background-color:#585757; line-height:1; text-align:left}
	header .HeaderNav_BranchrNetwork .BtnClose{display:none;}

/* 서브페이지의 메뉴 */
.SubNav.Fixed{display:block; position: relative !important; top:0 !important;}
.SubNav_Small.SubNav_Small1{display:none;}
.boardWrap .SubNav_Small2 li a{font-size:12pt; color:#444; border:1px solid #444; background-color:#fff;}
.boardWrap .SubNav_Small2 li:hover a{background:#f3d6ca; color:#444;}
.boardWrap .SubNav_Small2 li.Action a{color:#fff; border:1px solid #eb9b7a; background:#eb9b7a;}

/*장바구니*/
header .rightBox .Cart{display:none;}
header .rightBox .Badge{background-color:#e5a784; width:18px; height:18px; right:-12px; top:-7px; color:#fff; border-radius:500px; position:absolute;}
header .rightBox .Badge span{padding-top:2px; font-size:10pt;}
header .rightBox i{color:#fff; font-size:18pt;}
header .headerWrap:hover .rightBox i{filter:brightness(0);}
header.Fixed .headerWrap .rightBox i{filter:brightness(0);}


/* 구글번역기 */
header .HeaderNav_GNB .LinkGlobalWrap{width:auto;}
header .HeaderNav_GNB .LinkGlobalWrap .LinkGlobalAll{display:flex; justify-content:center; align-items:center;}
header .HeaderNav_GNB .LinkGlobalWrap .GlobalTitle{display:block; font-family:"Reddit Sans"; color:#676767; font-weight:500;}
/*header .HeaderNav_GNB .LinkGlobalWrap .LinkGlobalAll{display:none !important;}*/
header .HeaderNav_GNB .LinkGlobalWrap .LinkGlobalAll img{max-width:fit-content;}
header .HeaderNav_GNB .LinkGlobalWrap .LinkGlobal{margin-top:25px;}
header .HeaderNav_GNB .LinkGlobalWrap .GlobalBtn{position:absolute; width:fit-content; text-align:center; border:none; top:0%; left:20%;}
header .HeaderNav_GNB .LinkGlobalWrap .GlobalBtn a{position:relative; margin-top:20px;}
header .HeaderNav_GNB .LinkGlobalWrap .GlobalBtn a.active{display:none;}
header .HeaderNav_GNB .LinkGlobalWrap .GlobalBtn a:hover{opacity:.8; transition-duration:300ms;}
header .HeaderNav_GNB .LinkGlobalWrap .GlobalBtn a + a{padding:0;}
header .HeaderNav_GNB .LinkGlobalWrap .GlobalBtn .Flag{display:block; width:100%; color:#404041; font-weight:500; width:24px; height:24px; background-size:cover; border-radius:100px;}
header .HeaderNav_GNB .LinkGlobalWrap .GlobalBtn .Flag.ko{background-image:url(/img/C00387/global_korea.svg);}
header .HeaderNav_GNB .LinkGlobalWrap .GlobalBtn .Flag.jp{background-image:url(/img/C00387/global_japan.svg);}
header .HeaderNav_GNB .LinkGlobalWrap .GlobalBtn .Flag.cn{background-image:url(/img/C00387/global_china.svg);}
header .HeaderNav_GNB .LinkGlobalWrap .GlobalBtn .Flag.en{background-image:url(/img/C00387/global_usa.svg);}
header .HeaderNav_GNB .LinkGlobalWrap .GlobalBtn a.Active .Flag{border:none;}
header .HeaderNav_GNB .rightBox #currGolablLang{display:inline-table; width:24px; height:24px; overflow:hidden; position:relative; border-radius: 100px; background-position:center; background-size:cover; cursor:pointer; color:transparent; display:none;}
header .HeaderNav_GNB .rightBox #currGolablLang.KO{background-image:url(/img/C00387/global_korea.svg);}
header .HeaderNav_GNB .rightBox #currGolablLang.JP{background-image:url(/img/C00387/global_japan.svg);}
header .HeaderNav_GNB .rightBox #currGolablLang.CN{background-image:url(/img/C00387/global_china.svg);}
header .HeaderNav_GNB .rightBox #currGolablLang.EN{background-image:url(/img/C00387/global_usa.svg);}


@media screen and (max-width:1700px) {
	header .Member li{font-size:11pt;}
	header .HeaderNav_GNBmenu .HeaderNav_Menu{width:13%;}
	header .headerWrap .Member{width:10%;}
	header .HeaderNav_GNBmenu .MenuBig > a{font-size:11pt;}
}

@media screen and (max-width:1600px) {
	header .headerWrap .Logo{width:200px;}
	header .headerWrap .Logo img{padding-left:20px;}
	header .headerWrap .HeaderNav_GNBmenu{width:1000px !important; min-width:1000px !important;}
}


/* ================================================================================================= */
/* ================================================================================================= */
/* 하단푸터 */
.NC00387 .Footer_Area *{}
.NC00387 .Footer_Area{padding:0;}

	/* -------------------------------------------------------------------------------------------------------------------------------- */	
	/* 빠른상담신청 */
	.NC00387 .Contact_Quick{background-color:transparent; padding:20px 50px;}
	.NC00387 .Contact_Quick >.Inner{background-color:#222225; border-radius:50px; height:70px; padding:10px 10px 10px 10px;}
	.NC00387 .Contact_Quick .Title{margin-bottom:0;}
	.NC00387 .Contact_Quick dd{width:7%;}
	.NC00387 .Contact_Quick dl dt:nth-last-child(2){width:17%;}
	.NC00387 .Contact_Quick .Title strong{font-weight:600; color:#fff;}
	.NC00387 .Contact_Quick .Btn{background-color:#F59423; color:#fff; font-weight:600; font-size:16pt; letter-spacing:-1px; padding:12px 0; transition-duration:250ms; border-radius:50px;}
	.NC00387 .Contact_Quick .Btn:hover{background-color:#F59423; transition-duration:250ms;}
	.NC00387 .Contact_Quick .Checkbox input:checked ~ .Box i.icon.fill{color:#989898 !important;}
	.NC00387 .Contact_Quick .AgreeBox label big{color:#989898 !important; font-size:9pt; font-weight:500;}
	.NC00387 .Contact_Quick .AgreeBox a{background-color:#F59423; color:#fff;}

		/* 리얼모델 */
		.realModelWrap.contactWrap .Footer_Area .Contact_Quick{display:block;}

		/* 온라인상담 */
		.onlineListWrap.contactWrap .Footer_Area .Contact_Quick{display:block;}
	
	/* -------------------------------------------------------------------------------------------------------------------------------- */	
	/* 상세정보 */
	.NC00387 .Company_Area *{}
	.NC00387 .Company_Area{background-color:#272421; padding:0;}
	.NC00387 .Company_Area >.Inner{padding:100px 0; display:flex; justify-content:space-between; align-items:center; width:1300px;}
	.NC00387 .Company_Area .InnerBox{width:610px; display:flex; flex-direction:column; align-items:center; margin:0;}
	.NC00387 .Contact_Quick dl{table-layout:auto;}
	.NC00387 .Company_Area .ContTop{display:flex; flex-direction:column; width:100%;}
	.NC00387 .Company_Area .ContTop > div{overflow:hidden;}
	.NC00387 .Company_Area .ContTop .Title span{color:#F59423; font-weight:700; font-size:18pt; font-family:'Pretendard'; display:block; margin-bottom:15px; text-align:left;}
	.NC00387 .Company_Area .ContBottom{display:inline-table; width:100%;}
	.NC00387 .Company_Area .ContBottom > div{overflow:hidden;}
	.NC00387 .Company_Area .ContBottom .Title span{color:#F59423; font-weight:700; font-size:18pt; font-family:'Pretendard'; display:block; text-align:left;}
	.NC00387 .Company_Area .CompanyTitle{position:relative; display:block; color:#B4A590; letter-spacing:0; line-height:1; font-size:25pt; font-weight:600; font-family:"Jost", sans-serif; margin-bottom:10px;}
	.NC00387 .Company_Area p{line-height:1.5em;}
		/* 주소 ------------------------------------------------------------------------------------------ */
		.NC00387 .Company_Area .Location{width:100%; margin-bottom:30px;}
		.NC00387 .Company_Area .Location .Title span{color:#F59423; font-weight:700; font-size:18pt; font-family:'Pretendard'; display:block; margin-bottom:15px; text-align:left;}
		.NC00387 .Company_Area .Location .Text01{font-size:13.5pt; color:#fff; text-align:left;}
		.NC00387 .Company_Area .Location .Subway{color:#fff; font-size:13.5pt; text-align:left; margin-top:10px;}
		.NC00387 .Company_Area .Location .Subway .Subway01{display:inline-block; padding:2px 10px; background-color:#D4003B; color:#fff; font-size:12pt; border-radius:50px; font-weight:500;}
		.NC00387 .Company_Area .Location .Subway .Subway02{display:inline-block; padding:2px 10px; background-color:#00A23F; color:#fff; font-size:12pt; border-radius:50px; margin:0 5px; font-weight:500;}
	
		/* 전화번호 ------------------------------------------------------------------------------------------ */
		.NC00387 .Company_Area .Tel{display:block; width:100%;}
		.NC00387 .Company_Area .Tel a{text-align:left;}
		.NC00387 .Company_Area .Tel a p{font-size:22pt; font-weight:700; color:#fff; font-family:'Pretendard'; letter-spacing:0;}

		/* 진료시간 ------------------------------------------------------------------------------------------ */
		.NC00387 .Company_Area .Time{display:block; width:100%; margin:40px 0;}
		.NC00387 .Company_Area .Time .CompanyTitle{}
		.NC00387 .Company_Area .Time label{text-align:left; margin-top:15px;}
		.NC00387 .Company_Area .Time pre{font-size:13.5pt; line-height:1.8; white-space:pre-line; display:inline-table; color:#fff; font-family:"Pretendard", serif;}
		.NC00387 .Company_Area .Time pre.Left{font-weight:500; width:35%; font-size:13.5pt; color:#fff; line-height:2em;}
		.NC00387 .Company_Area .Time pre.Right{font-weight:500; color:#fff; line-height:2em;}
		.NC00387 .Company_Area .Time p{margin-top:5px; color:#7e7e7e;font-weight:500; font-size:12pt;}
		.NC00387 .Company_Area .Time .AddText p{text-align:left; font-weight:300; font-size:11pt; line-height:1.7;}

		/* 지도 ------------------------------------------------------------------------------------------ */
		.NC00387 .Company_Area #aboutmap26{width:610px; height:390px; overflow:hidden;}

		/* 주차안내 ------------------------------------------------------------------------------------------ */
		.NC00387 .Company_Area .Parking{width:100%;}
		.NC00387 .Company_Area .Parking .Title span{color:#F59423; font-weight:700; font-size:18pt; font-family:'Pretendard'; display:block; margin-bottom:15px; text-align:left;}
		.NC00387 .Company_Area .Parking p{font-size:13.5pt; font-weight:300; color:#fff; font-family:'Pretendard'; letter-spacing:0; text-align:left; line-height:1.8;}
		.NC00387 .Company_Area .Parking .AddText p{text-align:left; font-weight:300; font-size:11pt; line-height:1.7; color:rgba(255,255,255,0.5); margin-top:5px;}

	/* -------------------------------------------------------------------------------------------------------------------------------- */	
	/* 기본정보 */
	.Bottom_Area{ background-color:#272421; border-top:1px solid rgba(255,255,255,0.5);}
	.Bottom_Area.Inner{}
		/* 필수정보 */
		.Bottom_Area .Add .Inner{display:table; width:1300px; min-width:1300px; padding:60px 0 130px;}
		.Bottom_Area .Add strong{display:table-cell; vertical-align:middle; text-align:left; margin:0; width:191px;}
		.Bottom_Area .Add img{width:100%; object-fit:cover;}
		.Bottom_Area .Add #SkipNavAdd *{color:#666666; font-size:12pt; margin:7px 0; font-weight:400;}
		.Bottom_Area .Add #SkipNavAdd{display:block; text-align:left; margin:15px 0 10px 130px;}
		.Bottom_Area .Add p b{line-height:1.2em;}
		.Bottom_Area .Add p span.create{font-size:14px; color:#4e4e4e; line-height:3em; display:block;}
		.Bottom_Area .Add p span.create img{height:10px; width:auto; opacity:0.8; padding-left:2px;}
			/* 구분 */
			.aboutMapWrap .Bottom_Area .Add{padding:5em 0 50px 0;}

		/* 필수정보 ------------------------------------------------------------------------------------------ */
		.NC00387 .Bottom_Area .Add{padding:0;}

			/* 정보 */
			.NC00387 .Bottom_Area .Add p{}
			.NC00387 .Bottom_Area .Add p span{padding:0; font-family:'Pretendard'; font-weight:300; padding-right:30px;}
			.NC00387 .Bottom_Area .Add p span.Item03,
			.NC00387 .Bottom_Area .Add p span.Item04,
			.NC00387 .Bottom_Area .Add p span.Item05,
			.NC00387 .Bottom_Area .Add p span.Item06{margin-left:2em;}
			.NC00387 .Bottom_Area .Add p span.Item08{display: block;}
			.NC00387 .Bottom_Area .Add p b{font-family:'Pretendard'; font-weight:300; font-size:11pt !important; margin:12px 0 3px !important;} 

			/* 퀵링크 */
			.NC00387 .Bottom_Area .QuickLink{position:relative; display:block; margin:5px 0;}
			.NC00387 .Bottom_Area .QuickLink ul{position:relative; display:table;}
			.NC00387 .Bottom_Area .QuickLink ul li{position:relative; display:inline-table; vertical-align:middle;}
			.NC00387 .Bottom_Area .QuickLink ul li a{position:relative; display:block; font-size:11pt; color:#e3d8c5 !important; font-weight:400; line-height:1 !important;}
			.NC00387 .Bottom_Area .QuickLink ul li a:hover{color:#222;}
			.NC00387 .Bottom_Area .QuickLink ul li + li{margin-left:10px; padding-left:10px; border-left:1px solid #e3d8c5;}

			/* 로고 */
			.NC00387 .Bottom_Area .AddLogo{margin:0;}
			.NC00387 .Bottom_Area .AddLogo img{width:180px; margin-bottom:20px;}

			/* 브레인메디 */
			.NC00387 .Bottom_Area .Add .create{color:rgba(255,255,255,0.5) !important; font-family:'Pretendard'; font-weight:300; text-align:left; margin-left:130px; font-size:11pt;}
			.NC00387 .Bottom_Area .Add .create img{opacity:1; height:11px !important; margin-bottom:2px !important;}

		/* 링크 ------------------------------------------------------------------------------------------ */
		.NC00387 .Bottom_Area .Link *{padding:0; border:none; line-height:1 !important;}
		.NC00387 .Bottom_Area .Link{border:none; margin-left:131px;}
			.NC00387 .Bottom_Area .Link ul{text-align:left;}
			.NC00387 .Bottom_Area .Link ul li a{font-family:'Pretendard'; font-weight:500; color:#666; font-size:12pt;}
			.NC00387 .Bottom_Area .Link ul li + li a{padding:0 5px; margin:0;}
			.NC00387 .Bottom_Area .Link ul li + li a:before{content:''; position:relative; display:inline-table; text-align:left; height:11px; width:1px; margin-right:13px; background-color:#666;}

/* -------------------------------------------------------------------------------------------------------------------------------- */	
/* 퀵메뉴 */
.QuickArea{}
.QuickArea_Btn .CLOSE{display:none;}
.QuickArea section{margin-right:30px; top:35%; z-index:997;}
.QuickArea_Link{border-radius:100px; width:50px;}
.QuickArea_Link ul{background:none;}
.QuickArea_Link li{border-radius:100px; background-color:rgba(34,34,34,0.7); border:none; padding:0; margin-bottom:10px;}
.QuickArea_Link li.Tel{display:none;}
.QuickArea_Link li{width:50px; height:50px;}
.QuickArea_Link .Quick_GoTop a{display:block; position:relative;}
.QuickArea_Link li a{width:50px; height:50px; display:inline-flex;}
.QuickArea_Link li a span{position:absolute; padding:6px 10px; top:15%; border-radius:100px; font-size:10pt; left:-110px; width:100px; display:none; color:#fff; font-weight:500; letter-spacing:0; background-color:#F59423;}
.QuickArea_Link li a img{display:block; width:50%; object-fit:cover;}
.QuickArea_Link li.BannerThum3 a img{width:40%;}
.QuickArea_Link li.BannerThum5 a img{width:35%;}
.QuickArea_Link li:hover span{display:block;}

.QuickArea_Link li.Quick_GoTop{background-color:#2E2D70; color:#fff;}
.QuickArea_Link li.Quick_GoTop p{width:100%; height:100%; position:relative;}
.QuickArea_Link li.Quick_GoTop i{display:none;}
.QuickArea_Link li.Quick_GoTop span{display:block; left:50%; top:50%; transform:translate(-50%, -50%); color:#fff; font-weight:600; margin-top:1px; font-size:9pt; background:transparent;}