@charset "utf-8";
/*
.Footer_Area{margin-top:0px !important;}
.Footer_Area .Info_Nsurance{display:none;}
.CommArea_Tail{display:none;}
*/
/* --------------------------------------------------------------------------------------------------- */
/* 메인전용컨텐츠 */
.MainContents_Area{content:""; clear:both; display:block; position:relative; width:100%; font-family:"s-core-dream","Noto Sans KR","돋음, Dotum","Arial","sans-serif"; text-align:center; margin:auto; box-sizing:border-box; white-space:normal; word-break:keep-all;}
.MainContents_Area img{max-width:100%;}
.MainContents_Area .Inner{width:1400px; min-width:1400px;}
	/* 영역 */
	.MainContents_Area section{content:""; clear:both; display:block; position:relative; width:100%; text-align:center; margin:auto; padding:120px 0em;}
	.MainContents_Area section:after{}
	.MainContents_Area .Inner{}
	/* 배너관리(메인) */
	.BannerMain{}


/* --------------------------------------------------------------------------------------------------- */
/* 타이틀 */
.MainSectionTitle{display:block; position:relative; text-align:center; margin-bottom:3em;} /* text-transform:uppercase;  */
.MainSectionTitle big{display:block; position:relative; font-size:35pt; line-height:1.4em; font-weight:600; letter-spacing:0;}
.MainSectionTitle big span{display:inline-block; position:relative; color:#f03d2f;}
.MainSectionTitle small{display:block; position:relative; font-size:18pt; font-weight:300; margin-top:1em;}
.MainSectionTitle p{display:block; position:relative; font-size:18pt; line-height:1.6em; margin-top:2em;}
.MainSectionTitle .moreBtn{display:inline-block; position:relative; text-align:left; border:1px solid #f03d2f; padding:1em 1.5em; margin-top:3em;}
.MainSectionTitle .moreBtn span{display:inline-block; position:relative; color:inherit; font-size:18pt; font-weight:normal; letter-spacing:1px; line-height:inherit; text-align:center; padding-right:1em; }
.MainSectionTitle .moreBtn b{display:inline-block; position:relative; width:4em; border-bottom:1px solid #2e2e2e;}
.MainSectionTitle .moreBtn b:before{content:""; clear:both; display:block; position:absolute; right:-3px; bottom:6px; width:20px; height:0px; content:""; border-bottom:1px solid #2e2e2e;  -webkit-transform:rotate(45deg);}
.MainSectionTitle .moreBtn:hover{color:#fff; background-color:#f03d2f; transition: all 0.3s;}
.MainSectionTitle .moreBtn:hover b{border-color:#fff; transition: all 0.3s;}
.MainSectionTitle .moreBtn:hover b:before{border-color:#fff; transition: all 0.3s;}
.MainSectionTitle:after{content:""; clear:both;}


/* =============================================================================================================== */
/* [세션01] 1번배너 */
.MainSection01{}
section.MainSection01{padding:0px; }
.MainSection01:before{content:""; display:block; position:absolute; left:0px; right:0px; bottom:0px; top:0%; width:100%; height:200px; background-color:#f9f7f3;}
	/* 1번배너 */
	.Banner01{width:100%; height:auto; overflow:hidden; margin:0 auto;}
	.Banner01 .Banner_swiper01{position:relative; margin:0 -66%;}
	.Banner01 .swiper-slide{}
	.Banner01 .swiper-slide-active,
	.Banner01 .swiper-slide-duplicate-active{opacity:1; transform:scale(1); z-index:1;}
	.Banner01 .swiper-pagination{display:flex; position:relative; flex-wrap: nowrap; flex-direction:row; left:50%; margin-left:-692px; width:1384px; top:100%; bottom:auto;}
	.Banner01 .swiper-pagination .swiper-pagination-bullet{display:block; position:relative; flex: 1 1 auto; align-self:stretch; margin:auto;}
	.Banner01 .swiper-pagination-bullet{background:#333; width:100px; height:10px; border-radius:0; opacity:1;}
	.Banner01 .swiper-pagination-bullet-active{background:#f03d2f;}
	.Banner01 .swiper-button-prev,
	.Banner01 .swiper-button-next{position:absolute; top:45%; width:3.5em; height:3.5em; cursor:pointer; filter:invert(36%) sepia(98%) saturate(2420%) hue-rotate(340deg) brightness(92%) contrast(105%); z-index:1;}
	.Banner01 .swiper-button-prev{left:180px; background:url('/clinicInfoYlas/img/icon_arrowLeft01.png') no-repeat center left; }
	.Banner01 .swiper-button-prev:after{display:none}
	.Banner01 .swiper-button-next{right:180px; background:url('/clinicInfoYlas/img/icon_arrowRight01.png') no-repeat center right;}
	.Banner01 .swiper-button-next:after{display:none}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션02] 2번배너 */
.MainSection02{}
section.MainSection02{}
.MainSection02:before{content:""; display:block; position:absolute; left:0px; right:0px; bottom:0px; top:75%; width:100%;  background-color:#f9f7f3;}
.MainSection02 .innerBox{display:table; position:relative; flex-wrap:nowrap; flex-direction:row; width:1500px !important; margin:auto;}
	/* 타이틀 */
	.MainSection02 .MainSectionTitle{display:table-cell; position:relative; flex:1 1 auto; width:auto; text-align:left; vertical-align:middle;}
	/* 2번배너 */
	.MainSection02 .Banner02{display:block; position:relative; }	
	.Banner02 .Banner_swiper02{position:relative;flex:0 1 1000px; width:1000px; overflow:hidden}
	.Banner02 .swiper-wrapper{}
	.Banner02 .swiper-slide{} 
	.Banner02 .swiper-slide a{display:block; position:relative;}
	.Banner02 .swiper-slide img{width:auto;}
	.Banner02 .swiper-slide.swiper-slide-prev{text-align:right; transform: scale(0.85);}
	.Banner02 .swiper-slide.swiper-slide-prev a{}
	.Banner02 .swiper-slide.swiper-slide-prev img{}
	.Banner02 .swiper-slide.swiper-slide-next{text-align:left; transform: scale(0.85);}
	.Banner02 .swiper-slide.swiper-slide-prev a{}
	.Banner02 .swiper-slide.swiper-slide-next img{}
	.Banner02 .swiper-slide-active{}
	.Banner02 .swiper-slide-active a{}
	.Banner02 .swiper-slide-active img{}
	.Banner02 .swiper-pagination{}
	.Banner02 .swiper-pagination-bullet{width:3em; height:0.3em; background-color:#767676; border-radius:0px; opacity:1;}
	.Banner02 .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#f03d2f;}
	.Banner02 .swiper-button{display:block; position:absolute; top:50%; width:4em; height:4em; background:none; z-index:1; cursor:pointer; }
	.Banner02 .swiper-button span{display:block; position:relative; width:4em; height:4em; border:2px solid #f03d2f; border-radius:50%; background-color:#fff;}
	.Banner02 .swiper-button span:after{content:""; display:block; position:absolute; top:1em; width:1.5em; height:1.5em; border-top:2px solid #f03d2f; border-left:2px solid #f03d2f;}
	.Banner02 .swiper-button-prev{left:2%;}
	.Banner02 .swiper-button-prev span:after{left:40%; transform:rotate( -45deg ); -webkit-transform:rotate( -45deg ); -moz-transform: rotate( -45deg );}
	.Banner02 .swiper-button-next{right:2%;}
	.Banner02 .swiper-button-next span:after{right:40%; transform:rotate( 135deg ); -webkit-transform:rotate( 135deg ); -moz-transform: rotate( 135deg );}
	.Banner02 .swiper-button:hover{}
	.Banner02 .swiper-button:hover span{background-color:#f03d2f;}
	.Banner02 .swiper-button:hover span:after{border-color:#fff;}
	.Banner02 .swiper-button:after{display:none;}

	
/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션03] 3번배너 */
.MainSection03{}
section.MainSection03{padding:0px; }
.MainSection03:before{content:""; display:block; position:absolute; left:0px; right:0px; bottom:0px; top:50%; background-color:#fff5f4;}
	/* 3번배너 */
	.Banner03{display:block; position:relative;}
	.Banner03 .MultiSlider{}
	.Banner03 .MultiSlider .SliderThum_BtnPage{display:none !important;}
	.Banner03 .BannerThum{display:block; position:relative;}
	.Banner03 .BannerThum .ThumBox{display:block; position:relative;}
	.Banner03 .BannerThum .TextBox{display:none;}
	
	
/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션04] 4번배너 */
.MainSection04{}
section.MainSection04{background-color:#f9f7f3;}
.MainSection04 .Inner{}
.MainSection04 .MainSectionTitle{}
	/* 4번배너 */
	.Banner04{display:block; position:relative;}
	.Banner04 .BannerThum{display:block; position:relative;}
	.Banner04 .BannerThum a{display:block; position:relative; text-align:center;}
	.Banner04 .BannerThum .ThumBox{display:inline-block; position:relative; }
	.Banner04 .BannerThum .ThumBox:before{content:""; display:block; position:absolute; left:1em; top:-1em; width:100%; height:100%; border:2px solid #f03d2f;}
	.Banner04 .BannerThum .ThumBox img{display:block; position:relative; z-index:2;}
	

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션05] 5번배너 */
.MainSection05{}
section.MainSection05{}
.MainSection05 .innerBox{display:block; position:relative; width:1400px; margin:auto;}
/* 영상준비중 */
.MainSection05 .Ready{display:block;}
.MainSection05 .Ready p{display:block; margin:0 auto; text-align:center;}
.MainSection05 .Ready p i{position:relative; left:0; z-index:1; display:block; font-size:35pt; color:#e8e8e8;}
.MainSection05 .Ready p em{position:relative; font-size:17pt; display:block; color:#888; z-index:2; margin-top:1em;}
	/* 타이틀 */
	.MainSection05 .MainSectionTitle{text-align:left; }
	.MainSection05 .MainSectionTitle big:after{content:""; display:block; position:absolute; top:50%; left:53%; margin-left:-25%; width:45%; height:0px; border-top:2px solid #f03d2f;}
	.MainSection05 .MainSectionTitle .moreBtn{position:absolute; right:0px; top:0px; margin-top:0px;}
	/* 5번배너 */
	.Banner05{display:block; position:relative;}
	.Banner05 .Inner{}
	.Banner05 .MultiSlider{display:block; position:relative; overflow:hidden;}
	.Banner05 .MultiSlider.slick-slider .slick-track{text-align:left; margin:0;}
	.Banner05 .slick-list{}
	.Banner05 .BannerThum{display:block; position:relative; }
	.Banner05 .BannerThum a{display:block; position:relative; padding:0em 1em;}
	.Banner05 .BannerThum a .ThumBox{display:block; position:relative;}
	.Banner05 .BannerThum a .ThumBox i{position:absolute; font-size:35pt; opacity:.5; z-index:2; transform:translate(-50%,-50%); top:50%; left:50%; color:#ff0000;}
	.Banner05 .BannerThum a:hover .ThumBox i{opacity:.8; transition-duration:500ms;}
	.Banner05 .BannerThum a .ThumBox img{display:block; position:relative;}
	.Banner05 .BannerThum a .TextBox{display:block; position:relative; margin-top:1em;}
	.Banner05 .BannerThum dl{display:table; position:relative; width:100%; table-layout:fixed; text-align:left;}
	.Banner05 .BannerThum dt{display:inline-table; width:2.5em; position:relative; vertical-align:top;}
	.Banner05 .BannerThum dt span{display:table-cell; position:relative; width:2.5em; height:2.5em; background-color:#ea5d88; border-radius:50%; overflow:hidden; text-align:center; vertical-align:middle;}
	.Banner05 .BannerThum dt img{width:70%; display:block; margin:0 auto;} 
	.Banner05 .BannerThum dd{display:inline-table; width:85%; padding-left:1em; position:relative; vertical-align:top;}
	.Banner05 .BannerThum dd em{display:block; position:relative; width:100%; font-weight:normal; font-size:13pt; height:33pt; line-height:1.3; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; text-overflow:ellipsis; overflow:hidden;}  /* 2줄 */
	.Banner05 .BannerThum dd span{display:block; position:relative; color:#a1a1a1; margin-top:0.3em;}
	
	
/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션06] 6번배너 */
.MainSection06{}
section.MainSection06{padding-bottom:10em;}
.MainSection06 .innerBox{display:flex; position:relative; flex-wrap:nowrap; flex-direction:row; width:100%; }
.MainSection06:before{content:""; display:block; position:absolute; left:0px; right:0px; bottom:0px; top:75%; background-color:#f9f7f3;}
	/* 타이틀 */
	.MainSection06 .MainSectionTitle{display:block; position:relative; flex-grow:1; flex-shrink: 1; flex-basis:auto; width:auto; text-align:left; padding-left:13%; padding-top:2em;}
	.MainSection06 .MainSectionTitle p{padding-top:2em;}
	.MainSection06 .MainSectionTitle p:before{content:""; display:block; position:absolute; left:0px; top:0px; width:40%; border-top:2px solid #f03d2f;}
	/* 6번배너 */
	.Banner06{display:block; position:relative; flex-grow:0; flex-shrink: 1; flex-basis:1050px; width:1050px; text-align:right;}
	.Banner06 .BannerThum{display:block; position:relative;}
	.Banner06 .BannerThum a{display:block; position:relative;}
	.Banner06 .BannerThum .TextBox{display:none;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션07] 7번배너 */
.MainSection07{}
section.MainSection07{background-color:#000; padding:0em;}
	/* 7번배너 */
	.Banner07{}
	.Banner07 .BannerThum{display:block; position:relative;}
	.Banner07 .BannerThum a{display:block; position:relative;}
	.Banner07 .BannerThum img{display:block; position:relative; width:100%;}
	.Banner07 .BannerThum .TextBox{display:none;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션08] 8번배너 */
.MainSection08{}
section.MainSection08{}
.MainSection08 .innerBox{display:block; position:relative; width:1400px; margin:auto;}
	/* 타이틀 */
	.MainSection08 .MainSectionTitle{text-align:left;}
	.MainSection08 .MainSectionTitle big:before{content:""; display:block; position:absolute; right:0%; top:50%; width:80%; height:0px; border-top:3px solid #f03d2f;}
	.MainSection08 .MainSectionTitle p{margin-top:1em;}
	/* 7번배너 */
	.Banner08{}
	.Banner08 .List{display:flex; position:relative; flex-wrap:wrap; flex-direction:row; width:100%; }
	.Banner08 .List li{display:block; position:relative; flex-grow:1; flex-shrink:1; flex-basis:20%; width:20%; padding:0px 1em;}
	.Banner08 .BannerThum{display:block; position:relative;}
	.Banner08 .BannerThum a{display:block; position:relative;}
	.Banner08 .BannerThum img{display:block; position:relative; width:100%;}
	.Banner08 .BannerThum .ThumBox{display:block; position:relative; overflow:hidden;}
	.Banner08 .BannerThum .TextBox{display:block; position:absolute; top:0px; right:0px; bottom:0px; left:0px; color:#fff; background-color:rgba(135,46,28, 0.65)}
	.Banner08 .BannerThum .TextBox em{display:flex; position:relative; flex-direction:column; justify-content:center; width:100%; height:100%; text-align:center; padding:2em 3em;} 
	.Banner08 .BannerThum .TextBox strong{display:block; position:relative; font-size:2em; line-height:1.2em;}
	.Banner08 .BannerThum .TextBox p{display:block; position:relative; font-size:1.4em; line-height:1.2em; font-weight:normal; margin-top:2em;}
	.Banner08 .BannerThum:hover .ThumBox img{transform:scale(1.05); transition:all 0.3s linear; -webkit-ransition:all 0.3s linear;  -moz-transition:all 0.3s linear;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* 빠른비용상담신청 */
.MainSection_Apply{background-color:#fff; font-size:15pt;}
.MainSection_Apply .Inner{width:1000px; min-width:1000px;}
.ApplyForm{position:relative; width:100%; margin:0 auto;}
	/* 빠른비용상담신청 */
	.ApplyForm .Table{position:relative; width:100%;}
	.ApplyForm .Table tr .Depth1{display:table-cell; padding-right:25px; height:300px;}
	.ApplyForm .Table tr .Depth2{display:table-cell; padding-left:30px; font-weight:500;}
	.ApplyForm .Table tr .Depth3{display:table-cell; padding-left:33px;}
	.ApplyForm .Table tr:nth-child(2) td p{font-size:11pt; color:#999; margin-bottom:5px;}
	.ApplyForm .Table th{font-weight:500; text-align:left; padding:23px 10px 15px 0px; display:block;  margin-bottom:5px;}
	.ApplyForm .Table th .CircleNum{width:30px; height:30px; text-align:center; top:2px; background-color:#f03d2f; border-radius:100px; color:#fff; vertical-align:middle; display:inline-block; margin-right:10px;}
	.ApplyForm .Table th .CircleNum span{position:relative; top:3px;}
	.ApplyForm .Table td{padding:21px 55px 15px 0px;}
	.ApplyForm .Table td input{font-size:15pt; width:100%; border:none; background-color:#fff; border-bottom:1px solid #999; padding-bottom:5px; font-family:"Noto Sans KR","돋음, Dotum","Arial","sans-serif";}
	.ApplyForm .Table td select{font-size:15pt; width:100%; border:none; background-color:#fff; border-bottom:1px solid #999; padding-bottom:5px; font-family:"Noto Sans KR","돋음, Dotum","Arial","sans-serif";}
	.ApplyForm .Table td select option:first-child{color:#fff;}
	.ApplyForm .Table tfoot{display:none;}/* 지점선택 숨김 */
	
	.ApplyForm .select_div2{height:45px;}
	
	.ApplyForm .InformAgree{text-align:left;}
	.ApplyForm .BtnArea{position:relative; margin-top:35px; width:100%; text-align:center;}
	.ApplyForm .BtnSuccess{padding:13px 50px 13px 50px; border-radius:50px; background-color:#000;}
	.ApplyForm .BtnSuccess:hover{transform:scale(1.02);}
	.ApplyForm .BtnSuccess p{font-size:15pt; color:#fff; font-weight:600;}
	.ApplyForm .Checkbox.Radio{display:block; margin-bottom:5px;}
	.ApplyForm .Checkbox.Radio small em span{color:#f03d2f; background-color:#f03d2f;}
	.ApplyForm .Checkbox input:checked ~ mark small em b{background-color:#f03d2f; border-color: #f03d2f}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션19] 메인전용퀵  */
.MainSection19{display:block; position:fixed; left:1%; bottom:10%; max-width:250px; z-index:100;}
	/* 19번배너 */
	.Banner19{display:block; position:relative;}
	.Banner19 .List{display:block; position:relative;}
	.Banner19 .BannerThum{display:block; position:relative;}
	.Banner19 .BannerThum a{display:block; position:relative; animation:Banner19_Animation 1.3s linear 0s infinite; margin-bottom: 0;}
	.Banner19 .BannerThum a img{max-width:100%;}
	.Banner19 .BannerThum a:hover{}
	.Banner19 .BannerThum .Btn_Close{display:block; position:absolute; left:1em; top:1em; background:rgba(0,0,0, 0.8); border-radius:50%; padding:0.5em; overflow:hidden; z-index:101;}
	.Banner19 .BannerThum .Btn_Close img{width:0.8em;}
	.Banner19 .BannerThum + .Banner19 .BannerThum{margin-bottom:1em;}
	@keyframes Banner19_Animation{
		0% {margin-bottom: 5px;}
		20% {margin-bottom: 10px;}
		40% {margin-bottom: 0px;}
		60% {margin-bottom: 10px;}
		80% {margin-bottom: 0px;}
		100% {margin-bottom: 5px;}
	}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */


.NC00037 .HeaderNav_NC00037{background-color:#f9f7f3;}
.NC00037 .HeaderNav_NC00037 .HeaderNav_GNBmenu{background-color:#f03d2f;}
.NC00037 .HeaderNav_NC00037 .HeaderNav_GNBtop a, .HeaderNav_NC00037 .HeaderNav_GNBtop a:active, .HeaderNav_NC00037 .HeaderNav_GNBtop a:focus{color:#f03d2f;}

.NC00037 .HeaderNav_SmallMenu .MenuSub dd a:hover{color:#f03d2f;}
.NC00037 .HeaderNav_GNBtop .Member a{padding-right:7px;}
.NC00037 .HeaderNav_GNBtop .Member a.BOOKMARK{background:#f03d2f; color:#fff; padding:2px 7px 2px 4px;}

.NC00037 .BtnBox a, .NC00037 .BtnBox button, .NC00037 .BtnBox p span{background-color:#f03d2f;}

.NC00037 .Checkbox input:checked ~ mark small em b{background-color:#f03d2f; border-color:#f03d2f;}
.NC00037 .Checkbox input:checked ~ mark big{font-size:12pt;}
.NC00037 .Checkbox input:checked ~ mark big p{font-size:9pt; display:inline; padding-left:10px; vertical-align:middle; color:#999;}
.NC00037 .Checkbox small em span{color:#f03d2f;}
.NC00037 .Checkbox.Radio small{width:26px;}
.NC00037 .Checkbox.Radio small em span{background-color:#f03d2f;}
.NC00037 .Checkbox.Radio .Box big{font-size:12pt; font-weight:300; color:#393939;}
