@charset "utf-8";
/* 
아이비여성의원
*/

/*폰트*/
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');


/* --------------------------------------------------------------------------------------------------- */

/* 타이틀 */
.mainTitle{display:block; position:relative; text-align:center; }
.mainTitle img{display:block; margin:auto;}
.MainSectionTitle{display:block; position:relative; text-align:center; text-align:center; width:100%; padding:4em 0;}
.MainSectionTitle em>strong{font-weight:normal; font-weight:300; font-size:12pt; letter-spacing:0.8em; line-height:1.2em; color:#8e8e8e; font-family:'Pretendard', 'Noto Sans KR', sans-serif;}
.MainSectionTitle em>p{color:#333; font-weight:100; font-size:40pt; line-height:1.1em; font-family:'S-CoreDream-3Light', 'Noto Sans KR', sans-serif;}
.MainSectionTitle em>p strong{font-weight:400; font-size:40pt; font-family:'S-CoreDream-5Medium', 'Noto Sans KR', sans-serif; color:#c99a87;}

/* 멀티롤링배너기본 */
body .MultiSlider{}
body .MultiSlider .slick-arrow.SliderThum_BtnPrev,
body .MultiSlider .slick-arrow.SliderThum_BtnNext{width:20px; height:20px; font-size:inherit;}
body .MultiSlider .slick-arrow.SliderThum_BtnPrev{border-left:2px solid #c99a87; border-bottom:2px solid #c99a87; margin-left:-3em;}
body .MultiSlider .slick-arrow.SliderThum_BtnNext{border-right:2px solid #c99a87; border-bottom:2px solid #c99a87; margin-right:-3em;}
/* =============================================================================================================== */
/* [세션01] 1번배너 */
.MainSection01{content:""; clear:both; display:block; position:relative; width:100%; position:relative;}
.MainSection01{padding:0px;}
.MainSection01 .Inner{width:100%;}
	/* 롤링배너일때 */
	.MainSection01 .Banner01.MultiSlider{height:710px; overflow:hidden;}
	.MainSection01 .MultiSlider .slick-list{}
	.MainSection01 .MultiSlider .BannerThum{display:block; position:relative; width:100%; background-repeat:no-repeat; background-position:center top; background-size:auto 100%; background:none; overflow:hidden;}
	.MainSection01 .MultiSlider .BannerThum a{display:block; position:relative; width:100%; height:inherit; text-align:center; overflow:hidden;}
	.MainSection01 .MultiSlider .BannerThum a img{width:auto; text-align:center; margin:auto;}
	.MainSection01 .MultiSlider .TextBox{display:table; position:relative; width:50%; height:inherit; margin:auto; display:none;}
	.MainSection01 .MultiSlider .TextBox p{display:table-cell; position:relative; width:100%; height:inherit; vertical-align:middle; text-align:center;}
	.MainSection01 .MultiSlider .TextBox strong{display:block; font-size:30pt; line-height:1.2em; margin-bottom:0.5em;}
	.MainSection01 .BtnTextBox{position:absolute; left:14%; top:15%; z-index:1;}
	.MainSection01 .BtnTextBox span{padding:0.5em 1em; background-color:rgb(48 70 155 / 80%); color:#fff; font-weight:400; font-size:13pt;;}
	
	.MainSection01 .MultiSlider ul.SliderThum_BtnPage{display:inline-block; position:absolute; margin:0; text-align:center; width: auto; left:14%; bottom:5%; border-radius:5px;}
	.MainSection01 .MultiSlider ul.SliderThum_BtnPage li{position:relative; display:inline-block;width:150px; text-align:left; margin-right:0.7em;}
	.MainSection01 .MultiSlider ul.SliderThum_BtnPage li:after{width:100%; background-color:#fff; content: ""; position: absolute; right: 0; display: block; height:2px; -webkit-transition: cubic-bezier(0.4, 0, 0.2, 1) 0.2s; transition: cubic-bezier(0.4, 0, 0.2, 1) 0.2s;}
	.MainSection01 .MultiSlider ul.SliderThum_BtnPage li.slick-active:after{animation:Banner01_Animation 3.5s linear 0s infinite; width:150px; background-color:#c99a87; content: ""; position: relative; right: 0; display: block; height:2px; -webkit-transition: cubic-bezier(0.4, 0, 0.2, 1) 0.2s; transition: cubic-bezier(0.4, 0, 0.2, 1) 0.2s;}
	.MainSection01 .MultiSlider ul.SliderThum_BtnPage li.slick-active a{color:#c99a87; font-weight:600;}
	.MainSection01 .MultiSlider ul.SliderThum_BtnPage li .BtnPage{font-size:12pt; line-height:2em; font-family:'Montserrat', 'Noto Sans KR', sans-serif; color:#fff; font-weight:400; }

	@keyframes Banner01_Animation{0%{width:10px;} 100%{width:150px;}}

/* =============================================================================================================== */
/* [세션02] 숫자카운트업(실시간이벤트신청자목록과) */
.MainSection02{}
section.MainSection02{padding:2em 0em;}
.MainSection02 .Inner{padding:1em 1.5em;}
	/* 실시간이벤트신청자목록 */
	.MainSection_EventRqnList{background-color:#f4f4f4; color:#333333; margin:auto;}
	.MainSection_EventRqnList.Inner{height:10.5em; overflow:hidden;}
		.MainSection_EventRqnList dl{display:table; width:100%; height:8em; table-layout:fixed; }
		.MainSection_EventRqnList dl dd{display:table-cell; position:relative; width:65%; height:inherit; overflow:hidden; text-align:left;}
		.MainSection_EventRqnList dl dt{display:table-cell; position:relative; height:inherit; vertical-align:middle; text-align:right; vertical-align:top;}
		/* 리스트항목 */
		.MainSection_EventRqnList ul{background-color:#f4f4f4;}
		.MainSection_EventRqnList li{display:table; position:relative; width:100%; table-layout:fixed; padding-bottom:0.6em; }
		.MainSection_EventRqnList li > div{display:table-cell; text-align:left; vertical-align:middle;}
		.MainSection_EventRqnList li *{font-size:10pt; line-height:1.4em; }
		.MainSection_EventRqnList .Name{width:10%;}
		.MainSection_EventRqnList .Phone{width:13%; font-family: 'Noto Sans KR',sans-serif;}
		.MainSection_EventRqnList .Title{}
		.MainSection_EventRqnList .Title span{display:inline-block; width:93%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
		.MainSection_EventRqnList .Date{width:10%; text-align:center;}
		.MainSection_EventRqnList .State{width:10%; text-align:right;}
		/* 버튼 */
		.MainSection_EventRqnList .Btn{display:inline-table; position:relative; width:95%; height:inherit;  text-align:center; border-radius:5px; background-color:#c99a87;}
		.MainSection_EventRqnList .Btn:hover{background-color:#ba8470;}
		.MainSection_EventRqnList .Btn p{display:table-cell; position:relative; width:100%; color:#fff; font-size:18pt; line-height:1.2em; vertical-align:middle; font-family:'Pretendard', 'Noto Sans KR', sans-serif;}
		.MainSection_EventRqnList .Btn p b{font-weight:normal;}
		.MainSection_EventRqnList .Btn img{display:block; position:absolute; width:2em; bottom:-0.5em; right:-0.5em;}
		/* 간격조정 */
		.MainSection_EventRqnList.Inner ~ .MainSection_CountUp.Inner{padding-top:0px;}

	/* 숫자카운트업(https://gist.github.com/noahub/822c6fe369a4bce6cb03667a04a46812) */
	.MainSection_CountUp{}
	.MainSection_CountUp.CountUpArea{}
	.MainSection_CountUp.Inner{}

	/* 인접할때 */
	.MainSection_EventRqnList ~ .MainSection_CountUp{padding-top:1em;}
	.MainSection_CountUp ~ .MainSection_EventRqnList{padding-top:0.5em;}
/* =============================================================================================================== */
/* [세션03] 2번,3번배너 */
.MainSection03{}
section.MainSection03{padding-top:1em; padding-bottom:6em;}
.MainSection03 .Inner{}
	/* 2번배너 */
	.Banner02{display:block; position:relative;}
	.Banner02 .List{display:table; position:relative; table-layout:fixed;}
	.Banner02 .BannerThum{display:table-cell; position:relative; vertical-align:middle;}
	.Banner02 .BannerThum .Thum{display:block; position:relative;}
	.Banner02 .BannerThum .Thum img{}
	.Banner02 .BannerThum .TextBox{display:none;}
	.Banner02 .BannerThum:hover .Thum img{opacity:0; transition-duration:500ms;}
	/* 3번배너 */
	.Banner03{display:block; position:relative;}
	.Banner03 .List{display:table; position:relative; table-layout:fixed;}
	.Banner03 .BannerThum{display:table-cell; position:relative; vertical-align:middle;}
	.Banner03 .BannerThum .Thum{display:block; position:relative;}
	.Banner03 .BannerThum .Thum img{}
	.Banner03 .BannerThum .TextBox{display:none;}
	.Banner03 .BannerThum:hover .Thum img{opacity:0; transition-duration:500ms;}

/* =============================================================================================================== */
/* [세션04] 4번배너 */
.MainSection04{}
section.MainSection04{padding-top:1em; padding-bottom:6em; background:#fbfbfb;}
.MainSection04 .Inner{}
/* 4번배너 */
.Banner04{text-align:center;}

/* =============================================================================================================== */
/* [세션05] 이벤트 */
.MainSection05{}
section.MainSection05{padding-bottom:3em;}
.MainSection05 .Inner{}
	/* 롤링내용 */
	body .MainSection05 .MultiSlider{width:60%; margin:0 auto; padding-bottom:6em;}
	body .MainSection05 .MultiSlider .slick-list{}
	body .MainSection05 .MultiSlider .BannerThum{}
	body .MainSection05 .EventMultiSlider.LabelThum_Height .LabelThum{margin:0px auto;}
	body .MainSection05 .LabelThum_Height .LabelThum{}
	body .MainSection05 .LabelThum label{border:none; box-shadow:none; background-color:rgba(255,255,255,0)}

	/* 내부텍스트 */
	body .MainSection05 .EventMultiSlider .LabelThum label{box-shadow:none; padding:0.2em; margin-right:2em;}
	body .MainSection05 .EventMultiSlider.LabelThum_Height .LabelThum label big{width:95%;}
	body .MainSection05 .LabelThum label big{padding-right:3em;}
	body .MainSection05 .LabelThum label big strong p{background-color:#c99a87; color:#fff; font-size:16px; padding:2px 15px; border-radius:50px; margin-right:10px;}
	body .MainSection05 .LabelThum label big strike{color:#dcb49c; text-align:left; padding-left:10px;}
	body .MainSection05 .LabelThum label big strike b{color:#dcb49c;}
	body .MainSection05 .LabelThum label big em{text-align:left; color:#c99a87;}
	body .MainSection05 .LabelThum label big em b{color:#c99a87; font-weight:600; letter-spacing:-0.05em; margin-right:4px;}
	body .MainSection05 .LabelThum label small > p span{background-color:#c99a87;}

	body .MainSection05 .LabelThum label small mark{padding:17px 0 0 0;}
	body .MainSection05 .LabelThum label small pre{padding:8px 0 0 0;}


	/*롤링버튼*/
	body .MainSection05 .MultiSlider ul.SliderThum_BtnPage{}
	body .MainSection05 .MultiSlider ul.SliderThum_BtnPage li button{border:none; background-color:#333; width:10px; height:10px; margin-left:0.5em; padding:0;}
	body .MainSection05 .MultiSlider ul.SliderThum_BtnPage li.slick-active button{background-color:#c99a87;}

	/*화살표*/
	body .MainSection05 .MultiSlider .slick-arrow{margin-top:-4.5em;}
/* =============================================================================================================== */
/* [세션06] 강조배너 */
.MainSection06{}
.MainSection.MainSection06{}
.MainSection06 > .Inner{width:100%;}
	/* 5번배너 */
	.Banner05 {display:block; position:relative;}
	.Banner05 ul{display:block; position:relative;}
	.Banner05 li{display:block; position:relative; width:100%;}
	.Banner05 .BannerThum{}
	.Banner05 .BannerThum .Gf_back{display:block; position:relative; background-repeat:no-repeat; background-position:center top; background-size:100% auto; background-attachment:fixed; text-align:center; padding:0;}
	.Banner05 .BannerThum .Thum{display:block; position:relative;}
	.Banner05 .BannerThum .Thum img{}
	.Banner05 .BannerThum .TextBox{display:none;} 

/* =============================================================================================================== */
/* [세션07] 영상영역 */
.MainSection07{padding-top:40px; padding-bottom:150px; background:#faf6f4;}
.MainSection07 .mainVideo{display:table; width:100%;}
.MainSection07 .mainVideo .Movie_IframArea{display:table-cell; width:50%; padding:0 10px;}

/* =============================================================================================================== */
/* [세션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;}
	}