@charset "utf-8";

/* C00166
오케이성형외과 */

/* prevent font resizing (IOS Safari) */
@media screen and (max-device-width: 720px){body{ -webkit-text-size-adjust: none;}}

/* ================================================================================================= */
/* 기본구성 */
body{min-width:auto !important;}

/* ================================================================================================= */
/* 헤더와푸터 */
.header{position:relative; top:0; z-index:2;}

header .HeaderNav_Area *{color:#fff !important; line-height:1; font-family:'SUIT',"Noto Sans KR","돋음, Dotum","Arial","sans-serif";}
.subtWrap header .HeaderNav_Area *{color:#333 !important; line-height:1; font-family:'SUIT',"Noto Sans KR","돋음, Dotum","Arial","sans-serif";}
.eventWrap header .HeaderNav_Area *{color:#333 !important; line-height:1; font-family:'SUIT',"Noto Sans KR","돋음, Dotum","Arial","sans-serif";}
header .HeaderNav_Area{position:relative;}
.mainWrap header .HeaderNav_Area{position:absolute; top:0; z-index:2; background-color:rgba(0,0,0, 0.65);}
	/* GNB */
	header .HeaderNav_GNB{border:none;}
		/* 상단메뉴 */
		header .HeaderNav_GNBtop{}
		header .HeaderNav_GNBtopBox{display:table; position:relative; width:100%; table-layout:fixed; padding:15px;}
		header .HeaderNav_GNBtopBox > * {}
		header .HeaderNav_Menu{width:calc(100% / 8);}
			/* ----------------------------------------------------------------------------------------------------------- */
			header .HeaderNav_GNBtopBox .LeftBox{display:inline-table; position:relative; vertical-align:middle; text-align:left; z-index:998; left:10%;} 
				/* 로고 */
				header .HeaderNav_GNBtop .Logo{display:inline-table; position:relative;}
				header .HeaderNav_GNBtop .Logo a img{max-height:1.3em;}
				
				@media (max-width:1850px) {
					header .HeaderNav_GNBtopBox .LeftBox{left:0; display:table;}
					header .HeaderNav_GNBtop .Logo a img{height:3vw;}
					}
			/* ----------------------------------------------------------------------------------------------------------- */
			header .HeaderNav_GNBtopBox .CentBox{display:table-cell; position:relative; vertical-align:middle;} 
			header .HeaderNav_GNBtopBox .CentBox.Inner{width:1100px; min-width:1100px;} /* 주메뉴가 위치할영역 */
			@media (max-width:1400px) {
				header .HeaderNav_GNBtopBox .CentBox.Inner{width:65%; min-width:65%;}
				}
			/* ----------------------------------------------------------------------------------------------------------- */
			header .HeaderNav_GNBtopBox .RightBox{display:inline-table; position:relative; vertical-align:middle; text-align:right; z-index:998; right:11%;}
			@media (max-width:1400px) {
				header .HeaderNav_GNBtopBox .RightBox{right:3%; margin:0 0 0 auto;}
				}
				/* 회원로그인 */
				header .HeaderNav_GNBtop .Member{display:inline-table; position:relative; text-align:right;}
				header .HeaderNav_GNBtop .Member li{padding-right:0.5em}
				header .HeaderNav_GNBtop .Member a{white-space:nowrap; padding:0; font-size:10pt; line-height:1; letter-spacing:0;}
				/* 22번배너 */
				header .HeaderNav_GNBtop .Link{display:none;}
				header .HeaderNav_GNBtop .Link li{}
				header .HeaderNav_GNBtop .Link li + li{padding-left:1em;}
				header .HeaderNav_GNBtop .Link a{text-align:center; margin:0px;}
				header .HeaderNav_GNBtop .Link a img{height:1.6em; }

		/* ----------------------------------------------------------------------------------------------------------- */
		/* 주메뉴 */
		header .HeaderNav_GNBmenu *{font-size:13pt !important;}
		header .HeaderNav_GNBmenu{position:absolute; top:0; width:100%; height:100%; border:none;}
		.HeaderNav_GNBmenu:hover .HeaderNav_SmallMenu{border:none;}
			/* 대메뉴 */
			header .HeaderNav_LargeMenu.Inner{width:1100px; min-width:1100px;}
			header .HeaderNav_LargeMenu .MenuBig a{}
			@media (max-width:1400px) {
				header .HeaderNav_LargeMenu.Inner{width:65%; min-width:65%;}
				}
			/* 소메뉴 */
			header .HeaderNav_SmallMenu{min-width:100%;}
			.mainWrap header .HeaderNav_SmallMenu{background-color:rgba(0,0,0, 0.65);}
			.subtWrap header .HeaderNav_SmallMenu{background-color:rgba(255,255,255, 0.9);}
			header .HeaderNav_SmallMenu .Inner{width:1100px; min-width:1100px;}
			header .HeaderNav_SmallMenu .MenuSub{border-left:1px solid #888; padding-top:15px; padding-bottom:25px;}
			header .HeaderNav_SmallMenu .MenuSub:last-child{border-right:1px solid #888;}
			header .HeaderNav_SmallMenu .MenuSub dd a{margin-bottom:20px;}
			header .HeaderNav_SmallMenu .MenuSub dd a:hover{}
			header .HeaderNav_LargeMenu .MenuBig:nth-last-child(3) a,
			header .HeaderNav_LargeMenu .MenuBig:nth-last-child(3) a{}
			@media (max-width:1400px) {
				header .HeaderNav_SmallMenu .Inner{width:65%; min-width:65%;}
				}

		/* 스크롤시 상단고정픽스 */
		header.Fixed .HeaderNav_Area{}
		header.Fixed .HeaderNav_GNBmenu{}
		header.Fixed .HeaderNav_LargeMenu.Inner{}
		header.Fixed .HeaderNav_GNBtop{display:block !important;}
		header.Fixed .HeaderNav_GNBtopBox{} 

		/* -------------------------------------------------------------------------------------------------------------------------- */
		/* 서브페이지의 메뉴 */
		.SubNav{display:none;}
		.SubNav.Fixed{display:none;}

/* -------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 하단푸터전용 */
.Footer_Area{padding:0;}

	/* ---------------------- */
	/* 타이틀 */
	.Footer_Area .MainSectionTitle{padding-top:7%;}
	.Footer_Area .MainSectionTitle .Inner{width:75%; min-width:75%; margin:0 auto 4% auto;}
	.Footer_Area .MainSectionTitle .Inner img{position:relative; display:block; width:100%; max-width:fit-content; margin:0 auto;}

	/* ---------------------- */
	/* 빠른상담신청 */
	.Contact_Quick *{font-family:'SUIT', "Noto Sans KR","돋음, Dotum","Arial","sans-serif";}
	.Contact_Quick{background-color:#cfac90; /*display:none;*/}
	.Contact_Quick >.Inner{min-width:1400px; width:1400px;}
	.Contact_Quick .Title strong{text-align:left; font-weight:normal;}
	.Contact_Quick dl dd{padding-right:15px;}
	.Contact_Quick dl dd:nth-last-child(3){padding-right:20px;;}
	.Contact_Quick dd label input, .Contact_Quick dd select, .Contact_Quick dd select option, .Contact_Quick dd textarea{border:none; border-radius:0; cursor:pointer; background:none/* rgb(255 255 255 / 10%) */; color:#fff; border-bottom:1px solid #fff;}
	.Contact_Quick dd select option{color:#555;}
	.Contact_Quick dd label input::placeholder{color:#fff;}
	.Contact_Quick .AgreeBox{display:table; padding:0;}
	.Contact_Quick .AgreeBox label{display:inline-table; vertical-align:middle;}
	.Contact_Quick .AgreeBox a{display:inline-table; vertical-align:middle; margin-left:5px; background-color:#fff; color:#cfac90; border-radius:3px; padding:1px 5px; font-weight:500;}
	.Contact_Quick .AgreeBox a:hover{opacity:.7;}
	.Contact_Quick .AgreeBox label big{letter-spacing:-1px;}
	.Contact_Quick .BtnBox a, .BtnBox button, .BtnBox p span{background-color:#fff; color:#cfac90; font-weight:600;}
	.Contact_Quick .BtnBox a:hover, .BtnBox button:hover, .BtnBox p span:hover{background-color:#eeeeee;}
	.Contact_Quick .Checkbox small em b{border-radius:2px;}
	
	/* ---------------------- */
	/* 상세정보 */
	.Company_Area *{font-family:'NanumSquare' !important; color:#333333 !important;}
	.Company_Area{padding-bottom:0; padding-top:0; background-color:#f8f8f8; padding-bottom:4%;}
	.Company_Area > .Inner{width:75%; min-width:75%; margin-top:4%;}
	.aboutMapWrap .Company_Area{display:none;}
		/* 타이틀 */
		.Company_Area .Title{position:relative; display:block; margin-bottom:3%;}
		.Company_Area .Title.Sub{}
		.Company_Area .Title.Sub span{position:relative; display:block; font-size:2.2vw; font-weight:900; letter-spacing:-1px; line-height:2.2vw;}

		/* 컨텐츠 */
		.Company_Area .ContLeft{position:relative; display:inline-block; width:50%; border-right:2px solid #333333;}
		.Company_Area .ContRight{position:relative; display:inline-block; width:50%; padding-left:5%;}
			/* 전화번호 */
			.Company_Area .ContLeft .Tel{position:relative; display:block; width:100%; margin-bottom:8%;}
			.Company_Area .ContLeft .Tel a{}
			.Company_Area .ContLeft .Tel a p{font-weight:400;}
			/* 주소 */
			.Company_Area .ContLeft .Location{position:relative; display:block; width:100%;}
			.Company_Area .ContLeft .Location p{font-size:1.3vw; line-height:1; font-weight:700;}
			.Company_Area .ContLeft .Location p span{}
			.Company_Area .ContLeft .Location pre{font-size:1vw; line-height:1; margin-top:2%;}
			/* 진료시간 */
			.Company_Area .ContRight .Time{position:relative; display:block; width:100%;}
			.Company_Area .ContRight .Time label{}
			.Company_Area .ContRight .Time label pre{font-size:1.3vw; line-height:1.5;}
			.Company_Area .ContRight .Time label pre.Left{font-weight:700;}
			.Company_Area .ContRight .Time label pre.Right{}
			.Company_Area .ContRight .Time label + p{font-size:1.3vw; line-height:1.5; display:none;}
			/* 지도 */
			.Company_Area .Banner26Other .aboutmap26{height:26em;}
	
	
	/* ---------------------- */
	/* 기본정보 */
	.Bottom_Area{ background-color:#ececec;}
	.Bottom_Area.Inner{}
		/* 필수정보 */
		.Bottom_Area .Add{padding:3% 0 5% 0;}
		.Bottom_Area .Add .Inner{display:table; width:75%; min-width:75%;}
		.Bottom_Area .Add strong{display:table-cell; vertical-align:top; text-align:left; width:20%}
		.Bottom_Area .Add img{width:100%;}
		.Bottom_Area .Add #SkipNavAdd *{color:#666666;}
		.Bottom_Area .Add #SkipNavAdd{display:block; text-align:left; width:85%; vertical-align:top; font-family:'SUIT', "Noto Sans KR","돋음, Dotum","Arial","sans-serif"; margin:0 0 0 auto;}
		.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;}
		/* 퀵링크 */
		.Bottom_Area .Link *{color:#5b5b5b; font-family:'SUIT';}
		.Bottom_Area .Link{position:relative; display:block; width:85%; text-align:left; border:none; margin-right:0; margin-bottom:1.5em;}
		.Bottom_Area .Link ul{width:100%; position:relative; display:block;}
		.Bottom_Area .Link ul li{position:relative; display:inline-block; padding:0;}
		.Bottom_Area .Link ul li a{position:relative; display:inline-block; font-size:13pt; font-weight:500; line-height:1em; padding:5px 10px !important; border:1px solid #5b5b5b !important; 	border-radius:5px;}
		.Bottom_Area .Link ul li a:hover{opacity:.6;}
			/* 구분 */
			.aboutMapWrap .Bottom_Area .Add{padding:5em 0 50px 0;}
		
		
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* [멀티롤링배너] 사진바(버튼커스텀) */
.MultiImgSliderArea{padding:0 0 80px 0; background-color:#fff;}
.MultiImgSliderArea .Inner{background-color:#fdf3ea !important;}
.MultiImgSliderArea .slick-button{position:absolute; top:43%; width:100%; left:0; z-index:1;}
.MultiImgSliderArea .slick-button .slick-button-prev01{position:absolute; left:7%; width:45px; height:45px; font-size:15pt; background-color:#666666; border-radius:10px; color:#fff;}
.MultiImgSliderArea .slick-button .slick-button-next01{position:absolute; right:7%; width:45px; height:45px; font-size:15pt; background-color:#666666; border-radius:10px; color:#fff;}
.MultiImgSliderArea .MultiImgSlider.slider-for .slick-slide li .ThumBox{background:none !important}
.MultiImgSlider.slider-nav .slick-slide{height:5em !important;}


/* -------------------------------------------------------------------------------------------------------------------------------- */	
/* 퀵메뉴 */
.QuickArea{}
.QuickArea_Btn .CLOSE{display:none;}
.QuickArea section{margin-right:0; top:10%; z-index:997;}
.QuickArea_Link{border-radius:0; width:auto;}
.QuickArea_Link ul{background:none;}
.QuickArea_Link li{border:none; width:auto; padding:0;}
.QuickArea_Link li.Tel{display:none;}
.QuickArea_Link li a{background-color:rgb(255 255 255 / 50%); padding:10px; color:#545454;}
.QuickArea_Link li a span{position:relative; display:block; font-size:10.5pt; margin:0 auto; margin-top:0.5em; font-weight:500; line-height:1.2; width:5em;}
.QuickArea_Link li a img{display:block; width:2vw; max-width:fit-content;}

.QuickArea_Link li:hover a{background-color:#fff;}
.QuickArea_Link li.BannerThum7 a{background-color:rgb(230 0 0 / 60%); color:#fff;} /* 오케이TV */
.QuickArea_Link li.BannerThum7 a:hover{background-color:#e60000;}
.QuickArea_Link li.BannerThum8 a{background-color:rgb(108 132 148 / 60%); color:#fff;} /* 오케이TV */
.QuickArea_Link li.BannerThum8 a:hover{background-color:#6c8494;}
.QuickArea_Link li.Quick_GoTop{}
.QuickArea_Link li.Quick_GoTop a{background-color:rgb(0 0 0 / 40%); color:#fff; padding:0.5em;}
.QuickArea_Link li.Quick_GoTop:hover a{background-color:#000;}
.QuickArea_Link li.Quick_GoTop a p{display:block;}
.QuickArea_Link li.Quick_GoTop a p i{display:block; font-size:13pt;}
.QuickArea_Link li.Quick_GoTop a p span{display:block; font-size:11pt; letter-spacing:0; padding-top:0;}


/* ------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 테이블타입 : 목록형  */
.lisTable *{font-family:'Poppins',"Noto Sans KR","돋음, Dotum","Arial","sans-serif";}
.lisTable thead th{font-weight:600;}
.lisTable table a{font-weight:500;}
.onlineAskWrap .reserveTable{padding:80px 0;}
.onlineAskWrap .BtnBox a, .BtnBox button, .BtnBox p span{font-weight:500 !important;}
.reserveTable th{font-weight:600;}
.reserveTable .SelectClinicArea dt strong{font-weight:400; color:#fff; background-color:#b1b1b1; padding:2px 17px; border-radius:100px; display:inline-block;}

/* ------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 일본어 */
header .HeaderNav_GNBtop .Link{display:inline-block;}
.HeaderNav_GNBtop .Link{width:fit-content; padding-left:10px;}