@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Gloock&family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');

/* 
C00210 365매일한방병원
*/

*{font-family: 'Noto Sans KR', sans-serif; line-height:normal; letter-spacing:-0.05em; font-weight:400;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션01] 1번배너 */
.MainSection01{content:""; clear:both; display:block; position:relative; width:100%; height:750px;}
.MainSection01{padding:0px;}
.MainSection01 .Inner{width:100%;}
	/* 롤링배너일때 */
	.MainSection01 .Banner01.MultiSlider{height:900px; 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;}

	/*1번배너 롤링 버튼*/
	body .MainSection01 .MultiSlider ul.SliderThum_BtnPage{}
	body .MainSection01 .MultiSlider ul.SliderThum_BtnPage li button{border:none; background:#aca8a9; width:8px; height:8px; margin:0 8px; padding:0; margin-bottom:1.5em; border-radius:100px;}
	body .MainSection01 .MultiSlider ul.SliderThum_BtnPage li.slick-active button {background:#444444;}
	body .MainSection01 .slick-button-prev01{position:absolute; width:1200px; top:50%; margin:0 auto; margin-top:-16px; left:0; right:0; cursor:pointer; text-align:left;} 
	body .MainSection01 .slick-button-next01{position:absolute; width:1200px; top:50%; margin:0 auto; margin-top:-16px; left:0; right:0; cursor:pointer; text-align:right;}

	/*화살표*/
	.MainSection01 .MultiSlider .slick-arrow.SliderThum_BtnPrev{border-left:1px solid #fff; border-bottom:1px solid #fff; left:5%;}
	.MainSection01 .MultiSlider .slick-arrow.SliderThum_BtnNext{border-right:1px solid #fff; border-bottom:1px solid #fff; right:5%;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션02] 2번배너 */
.MainSection02{background-color:#f6f6f6; padding:120px 0 0 0; background-image:url('/img/C00210/mainSection02_back.jpg'); background-repeat:no-repeat; background-size:cover; background-position:center 7.9vw; width:100%; max-width:1920px; margin:0 auto;}
.MainSection02 .Inner{overflow:hidden; width:100%; text-align:center; z-index:2;}
	/* 타이틀 */
	.MainSection02 .MainSectionTitle{position:relative; display:block; text-align:center; line-height:1; letter-spacing:-1px;}
	.MainSection02 .MainSectionTitle em{position:relative; display:block; padding-top:85px;}
	.MainSection02 .MainSectionTitle em {position:relative; display:block;}
	.MainSection02 .MainSectionTitle em i{position:relative; display:block; margin-bottom:35px;}
	.MainSection02 .MainSectionTitle em > h1{display:block; color:#333; font-size:45px; font-weight:600; margin-bottom:60px; font-family: 'Noto Serif KR', serif;}
	.MainSection02 .MainSectionTitle em > h1 > b{font-weight:600; color:#507f70; font-family: 'Noto Serif KR', serif;}

	/* 기본 */
	.MainSection02 .Banner02{}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션03] 3번배너 */
.MainSection03{position:relative; background-color:rgba(40,92,77,0.09); padding:100px 0 70px;}
.MainSection03::before{position:absolute; content:""; width:100%; height:483px; bottom:0; left:0; background-color:rgba(80,127,112,0.1);}
.MainSection03 .Inner{overflow:hidden;}
	/* 기본 */
	.MainSection03 .Banner03{}
	.MainSection03 .Banner03 ul{position:relative; display:table; width:95%; margin:0 auto;}
	.MainSection03 .Banner03 ul li{position:relative; display:inline-table; width:25%; vertical-align:middle; text-align:center;}
	.MainSection03 .Banner03 .ThumBox{position:relative; display:inline-table; width:240px; height:240px; border-radius:200px; background-color:#fff; vertical-align:middle; margin-bottom:3em; box-shadow:3px 3px 13px rgba(0,0,0,0.05);}
	.MainSection03 .Banner03 .ThumBox span{position:relative; display:table-cell; margin:0 auto; vertical-align:middle;}
	.MainSection03 .Banner03 .ThumBox span img{position:relative; display:table-cell; margin:0 auto; vertical-align:middle;}
	.MainSection03 .Banner03 .TextBox{position:relative; display:block; width:100%; line-height:1;}
	.MainSection03 .Banner03 .TextBox b{position:relative; display:block; width:73%; margin:0 auto; background-color:#f6f6f6; font-size:24px; color:#333; font-weight:500; padding:0.4em; border-radius:100px; margin-bottom:0.7em; font-family: 'Noto Serif KR', serif;}
	.MainSection03 .Banner03 .TextBox em{position:relative; display:block; width:100%; font-weight:600; color:#285c4d; font-size:40px; margin-bottom:0.3em;}
	.MainSection03 .Banner03 .TextBox em > strong{font-weight:600;}
	.MainSection03 .Banner03 ul li:last-child .TextBox em > strong{display:none;}

.MainSection03 .txtBox{position:relative; width:100%; text-align:center; margin-top:3em;}
.MainSection03 .txtBox h1{width:60%; font-size:24px; color:#285C4D; background-color:#fff; border-radius:100px; font-weight:400; margin:0 auto; padding:0.5em 0;}
.MainSection03 .txtBox h1 > b{font-weight:500;}
	
/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션04] 4번배너 */
section.MainSection04{}
.MainSection04 .Inner{width:100%;}	
	/* 4번배너 */
	.MainSection04 ul{display:block; position:relative;}
	.MainSection04 li{display:block; position:relative; width:100%;}
	.MainSection04 img{width:100%;}
	.MainSection04 .BannerThum{}
	.MainSection04 .TextBox{display:table; position:absolute; top:7%; left:50%; margin-left:-550px; width:1100px; height:50%; text-align:center; height:600px; } 
	.MainSection04 .TextBox *{color:#fff;}
	.MainSection04 .TextBox label{display:table-cell; width:100%; vertical-align:middle; cursor:pointer;}
	.MainSection04 .TextBox span{}
	.MainSection04 .TextBox span img{width:auto; margin-bottom:1em;}
	.MainSection04 .TextBox strong{display:block; font-size:36pt; line-height:1.3em; font-weight:500; margin-bottom:0.5em;}
	.MainSection04 .TextBox p{font-size:14pt; line-height:1.6em; font-weight:100;}
	.MainSection04 a{display:block; height:683px; background-repeat:no-repeat; background-position: 50% 8px; background-attachment:fixed; padding:0px; overflow:hidden; cursor:default; background-size:cover;}
	.MainSection04 a > img{opacity:0;}
	.MainSection04 .TextBox{bottom:10%;}
	.MainSection04 .TextBox strong{display:none;}
	.MainSection04 .TextBox span img{margin-bottom:0em; width:90%;}
	.MainSection04 .TextBox p{display:none}
	
/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션05] 5번배너 */
.MainSection05{content:""; clear:both; display:block; position:relative; width:100%; background-image:linear-gradient(to bottom, #20453c, #1e3b34); padding:120px 0 100px 0; }
.MainSection05::after{content:''; position:absolute; width:1068px; height:1068px; top:-38em; left:-29em; background-image:url('/img/C00210/mainSection05_circle01.png'); background-repeat:no-repeat; background-size:cover; background-position:center; opacity:0.3;}
.MainSection05::before{content:''; position:absolute; width:1552px; height:1552px; bottom:-54em; right:-45em; background-image:url('/img/C00210/mainSection05_circle02.png'); background-repeat:no-repeat; background-size:cover; background-position:center; opacity:0.3;}
.MainSection05 .Inner{width:1350px; min-width:1350px;}
.MainSection05 .Inner > img{position:absolute; left:-3%; top:26%}
	/* 타이틀 */
	.MainSection05 .MainSectionTitle{position:relative; display:block; text-align:center; margin-bottom:70px;}
	.MainSection05 .MainSectionTitle em{position:relative; display:block;}
	.MainSection05 .MainSectionTitle em small{position:relative; display:block; color:#aad0c6; font-size:13px; font-weight:400; margin-bottom:2.5em; opacity:.7; letter-spacing:0.3em; font-family: 'Noto Serif KR', serif;}
	.MainSection05 .MainSectionTitle em h1{position:relative; display:block; color:#fff; font-size:50px; font-weight:600; margin-bottom:0.8em; font-family: 'Noto Serif KR', serif;}
	.MainSection05 .MainSectionTitle em h1 > b{color:#aad0c6; font-weight:600; font-family: 'Noto Serif KR', serif;}
	.MainSection05 .MainSectionTitle em p{position:relative; display:block; color:#fff; font-size:22px; font-weight:400;}
	/* 기본 */
	.MainSection05 .Banner05{position:relative; display:block;}
	.MainSection05 .Banner05 > img{position:absolute; right:0%; bottom:0;}
	.MainSection05 .Banner05 ul.List{position:relative; display:table; width:100%; text-align:center; width:1200px; margin:0 auto;}
	.MainSection05 .Banner05 ul li{position:relative; display:inline-table; width:25%; margin-bottom:70px;}
	.MainSection05 .Banner05 a{position:relative; display:block; width:100%;}
	.MainSection05 .Banner05 .ThumBox{position:relative; display:block; width:95%; margin:0 auto; overflow:hidden; background-color:#20453c; border-radius:30px 30px 0 0; border:1px solid #507f70;}
	.MainSection05 .Banner05 .ThumBox > img{}
	.MainSection05 .Banner05 .TextBox{position:relative; display:table; width:95%; margin:0 auto; background-color:#507F70; padding:0.9vw;}
	.MainSection05 .Banner05 .TextBox span{position:relative; display:inline-table; width:88%; color:#fff; font-size:22px; font-weight:500; vertical-align:middle; text-align:left;}
	.MainSection05 .Banner05 .TextBox em{position:relative; display:inline-table; text-align:center; width:25px; height:25px; line-height:25px; background-color:#285c4d; color:#fff; border-radius:50%;}
	.MainSection05 .Banner05 .TextBox em img{}
	.MainSection05 .Banner05 .Line{position:absolute; z-index:2; background:#9eccff;}
	.MainSection05 .Banner05 .LineTop{left:0; top:0; transition:width 0.4s; width:0; height:4px;}
	.MainSection05 .Banner05 .LineRight{right:0; top:0; transition:height 0.4s; width:4px; height:0;}
	.MainSection05 .Banner05 .LineBottom{right:0; bottom:0; transition:width 0.4s; width:0; height:4px;}
	.MainSection05 .Banner05 .LineLeft{left:0; bottom:0; transition:height 0.4s; width:4px; height:0;}
	.MainSection05 .Banner05 ul li:hover img{z-index:0;}
	.MainSection05 .Banner05 ul li:hover .Name{opacity:1;}
	.MainSection05 .Banner05 ul li:hover .LineTop{width:100%;}
	.MainSection05 .Banner05 ul li:hover .LineRight{height:100%;}
	.MainSection05 .Banner05 ul li:hover .LineBottom{width:100%;}
	.MainSection05 .Banner05 ul li:hover .LineLeft{height:100%;}
	
	.C00211 .MainSection05 .Banner05{position:relative; display:table; width:100%; text-align:center; width:1200px; margin:0 auto;}
	.C00211 .MainSection05 .Banner05 > div{position:relative; display:inline-table; width:25%; margin-bottom:70px;}
	.C00211 .MainSection05 .Banner05 > div:hover img{z-index:0;}
	.C00211 .MainSection05 .Banner05 > div:hover .TextBox em img{animation:Banner05_Animation 0.6s 0s infinite ease-in-out alternate; margin:0 auto;}
	.C00211 .MainSection05 .Banner05 > div:hover .ThumBox > img{opacity:.6; transition:all 0.3s linear; -webkit-ransition:all 0.3s linear; -moz-transition:all 0.3s linear; transform:scale(1.05);}
	.C00211 .MainSection05 .Banner05 > div h3{position:relative; display:inline-table; width:88%; color:#fff; font-size:22px; font-weight:500; vertical-align:middle; text-align:left;}
	
	.C00210 .MainSection05 .Banner05{position:relative; display:table; width:100%; text-align:center; width:1200px; margin:0 auto;}
	.C00210 .MainSection05 .Banner05 > div{position:relative; display:inline-table; width:25%; margin-bottom:70px;}
	.C00210 .MainSection05 .Banner05 > div:hover img{z-index:0;}
	.C00210 .MainSection05 .Banner05 > div:hover .TextBox em img{animation:Banner05_Animation 0.6s 0s infinite ease-in-out alternate; margin:0 auto;}
	.C00210 .MainSection05 .Banner05 > div:hover .ThumBox > img{opacity:.6; transition:all 0.3s linear; -webkit-ransition:all 0.3s linear; -moz-transition:all 0.3s linear; transform:scale(1.05);}
	.C00210 .MainSection05 .Banner05 > div h3{position:relative; display:inline-table; width:88%; color:#fff; font-size:22px; font-weight:500; vertical-align:middle; text-align:left;}

	.MainSection05 .Banner05 ul li:hover .TextBox em img{animation:Banner05_Animation 0.6s 0s infinite ease-in-out alternate; margin:0 auto;}
	.MainSection05 .Banner05 ul li:hover .ThumBox > img{opacity:.6; transition:all 0.3s linear; -webkit-ransition:all 0.3s linear; -moz-transition:all 0.3s linear; transform:scale(1.05);}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션07] 365지점안내 */
.MainSection07.Row{background-color:#fff; padding:120px 0;}
.MainSection07.Row .Inner{}
	/* 타이틀 */
	.MainSection07.Row .MainSectionTitle{position:relative; display:block; text-align:center; margin-bottom:70px;}
	.MainSection07.Row .MainSectionTitle em{position:relative; display:block;}
	.MainSection07.Row .MainSectionTitle em p{position:relative; display:block;}
	.MainSection07.Row .MainSectionTitle em p small{position:relative; display:block; color:#507f70; font-size:13px; font-weight:400; margin-bottom:2.5em; opacity:.7; letter-spacing:0.3em !important; font-family: 'Noto Serif KR', serif;}
	.MainSection07.Row .MainSectionTitle em p b{position:relative; display:block; color:#333; font-size:50px; font-weight:600; font-family: 'Noto Serif KR', serif;}
	.MainSection07.Row .MainSectionTitle em p span{position:relative; display:block; color:#507f70; font-size:50px; font-weight:600; font-family: 'Noto Serif KR', serif;}
	/* 기본 */
	.MainSection07.Row .List{position:relative; display:flex; flex-direction:row; align-items:stretch; flex-wrap:wrap; width:100%; text-align:left;}
	.MainSection07.Row .List li{position:relative; display:block; width:100%;}
	.MainSection07.Row .List li + li{padding-top:3em;}
	.MainSection07.Row .BranchInfoCont{position:relative; display:block; width:100%; background-color:#f5f5f5; padding:4em;/*  box-shadow:15px 15px 20px rgb(0 0 0 / 5%); */}
	.MainSection07.Row .BranchInfoCont .Cont01{position:relative;}
	.MainSection07.Row .BranchInfoCont .Cont02{position:relative; display:block;}
	.MainSection07.Row .BranchInfoCont .Cont02 dl{position:relative; display:table; width:100%;}
	.MainSection07.Row .BranchInfoCont .Cont02 dt{position:relative; display:inline-table; width:45%; vertical-align:top;}
	.MainSection07.Row .BranchInfoCont .Cont02 dd{position:relative; display:inline-table; width:55%; vertical-align:top;}

	.MainSection07.Row .BranchInfoCont pre{font-size:15pt; white-space:pre-line; color:#555555; line-height:1.5;}
	.MainSection07.Row .BranchInfoCont .Name{display:block; text-align:center; color:#333; font-size:40px; font-weight:600; padding-bottom:0.8em; margin-bottom:0.8em; text-align:left;}
	.MainSection07.Row .BranchInfoCont .Name strong{color:#285C4D; font-weight:600; font-size:40px;}
	.MainSection07.Row .BranchInfoCont .Add{}
	.MainSection07.Row .BranchInfoCont .Add pre{height:auto;}
	.MainSection07.Row .BranchInfoCont .Call{font-size:30pt; color:#285C4D; font-weight:700; letter-spacing:-1px; line-height:1; margin:1em 0;}
	.MainSection07.Row .BranchInfoCont .Call a{font-weight:600;}
	.MainSection07.Row .BranchInfoCont .Title{font-size:16pt; font-weight:600; color:#333; margin-bottom:0.5em;}
	.MainSection07.Row .BranchInfoCont .Time > div{display:table; width:100%;}
	.MainSection07.Row .BranchInfoCont .Time pre{}
	.MainSection07.Row .BranchInfoCont .Time pre.Left{display:table-cell; width:35%;}
	.MainSection07.Row .BranchInfoCont .Time pre.Right{display:table-cell; width:65%;}
	.MainSection07.Row .BranchInfoCont .Link{display:table; width:100%; margin:2em 0 0 0;}
	.MainSection07.Row .BranchInfoCont .Link li{display:inline-table; width:33%; text-align:center; padding:0;}
	.MainSection07.Row .BranchInfoCont .Link li a{display:block; width:90%; padding:0.7em; font-size:13pt; font-weight:500; background-color:#285C4D; color:#fff; border-radius:100px;}
/* 	.MainSection07.Row .BranchInfoCont .Link li:last-child a{background-color:#285C4D; color:#fff;} */
	.MainSection07.Row .mapBox{width:100%; height:27em;} 

/*동대문점*/
.C00211 .MainSection07 .List .C00212_list{display:none;}
.C00211 .MainSection07 .List .C00226_list{display:none;}
.C00211 .MainSection07 .List .C00238_list{display:none;}
.C00211 .MainSection07 .List .C00304_list{display:none;}
/*안양점*/
.C00212 .MainSection07 .List .C00211_list{display:none;}
.C00212 .MainSection07 .List .C00226_list{display:none;}
.C00212 .MainSection07 .List .C00238_list{display:none;}
.C00212 .MainSection07 .List .C00304_list{display:none;}
/*분당점*/
.C00226 .MainSection07 .List .C00211_list{display:none;}
.C00226 .MainSection07 .List .C00212_list{display:none;}
.C00226 .MainSection07 .List .C00238_list{display:none;}
.C00226 .MainSection07 .List .C00304_list{display:none;}
/*경기광주점*/
.C00238 .MainSection07 .List .C00211_list{display:none;}
.C00238 .MainSection07 .List .C00212_list{display:none;}
.C00238 .MainSection07 .List .C00226_list{display:none;}
.C00238 .MainSection07 .List .C00304_list{display:none;}
/*강북수유점*/
.C00304 .MainSection07 .List .C00211_list{display:none;}
.C00304 .MainSection07 .List .C00212_list{display:none;}
.C00304 .MainSection07 .List .C00226_list{display:none;}
.C00304 .MainSection07 .List .C00238_list{display:none;}