@charset "utf-8";
/* 
C00169 참잘함한방병원
*/

/* 메인전용컨텐츠 */
.MainContents_Area * {font-family:'SUIT';}
.MainContents_Area{content:""; clear:both; display:block; position:relative; width:100%; text-align:center; margin:auto; box-sizing:border-box; white-space:normal; word-break:keep-all;}
/* 영역 */
.MainContents_Area section{content:""; clear:both; display:block; position:relative; width:100%; text-align:center; margin:auto; z-index:1;} /* AOS때문에z-index:1 */

/* =============================================================================================================== */
	
/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션01] 1번배너 */
.MainSection01{margin-left:-960px !important;}
.MainSection01 .Inner{width:100%;}
	/* 기본 */
	.MainSection01 .Banner01{height:950px; overflow:hidden;}
	.MainSection01 .Banner01 .BannerThum{display:block; position:relative; width:100%; }
	.MainSection01 .Banner01 .BannerThum a{height:950px; overflow:hidden; background-repeat:no-repeat; background-position:center top; background-size:cover; overflow:hidden;}
	.MainSection01 .Banner01 .ThumBox{position:relative; display:block; width:100%; height:950px;}
	.MainSection01 .Banner01 .ThumBox img{}
	.MainSection01 .Banner01 .TextBox{position:absolute; top:0; display:block; width:100%; height:950px;}
	.MainSection01 .Banner01 .TextBox img{display:none; position:relative; width:auto;}
	/* 슬라이드 */
	.MainSection01 .MultiSlider .slick-active .TextBox img{display:block;}
	/* 슬라이드 버튼(숫자) */
	.MainSection01 .MultiSlider ul.SliderThum_BtnPage{position:absolute; display:block; bottom:16%; height:2px; left:13%; z-index:1; width:250px; text-align:left; color:#fff; opacity:.5; font-size:14pt;}
	.MainSection01 .MultiSlider ul.SliderThum_BtnPage li{display:none;}
	.MainSection01 .MultiSlider ul.SliderThum_BtnPage li.slick-active{display:block;}
	/* 슬라이드 화살표 */
	.MainSection01 .SliderArrow{position:absolute; bottom:16%; height:2px; left:13%; z-index:1; width:250px; text-align:right; color:#fff; opacity:.5; font-size:14pt;}
	/* 슬라이드 nav */
	.MainSection01 .SliderProgress{position:absolute; bottom:13%; height:2px; left:13%; z-index:1; width:250px;}
	.MainSection01 .SliderProgress ul.SliderThum_BtnPage{position:relative; display:flex !important; flex-wrap:nowrap !important; flex-direction:row !important; width:250px !important;}
	.MainSection01 .SliderProgress ul.SliderThum_BtnPage li{position:relative; display:block; flex:1 1 auto; align-self:stretch; margin:auto; background:#fff; height:2px; border-radius:0; opacity:.5;}
	.MainSection01 .SliderProgress ul.SliderThum_BtnPage li.slick-active{background:#4157a6; opacity:1;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션10] 협력병원 */
.MainSection10{padding:110px 0 110px 14%; background-color:#dfe1eb;}
	/* 슬라이드 */
	.MainSection10 .SwiperSection10{}
	.MainSection10 .SwiperSection10 .Slide{padding:21px 0 33px 0; background-color:#fff; box-shadow:0 0 10px rgba(90, 90, 90, 0.1); margin:10px 0;}
	.MainSection10 .SwiperSection10 .ImgBox{position:relative; display:block; margin:0 auto;}
	.MainSection10 .SwiperSection10 .TextBox{position:relative; display:block; text-align:center;} 
	.MainSection10 .SwiperSection10 .TextBox .Text{position:relative; display:block; text-align:center; line-height:1; font-weight:700;}
	.MainSection10 .SwiperSection10 .TextBox .Text01{font-size:15pt; letter-spacing:-0.6px; color:#4157a6; margin-top:20px;}
	.MainSection10 .SwiperSection10 .TextBox .Text02{font-size:22pt; letter-spacing:-1px; color:#313131; margin-top:15px;}

	@media ( max-width:1680px ) {
		.MainSection10 .SwiperSection10 .TextBox .Text02{font-size:20pt;}
	}
	@media ( max-width:1500px ) {
		.MainSection10 .SwiperSection10 .TextBox .Text02{font-size:18pt;}
	}
	

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션02] 2번배너 */
.MainSection02{background-color:#f7f7fb; padding:120px 0 0 0;}
.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; background-image:url('/img/C00169/mainSection02_bg.png'); background-repeat:no-repeat; background-position:right; background-position-y:57%; background-size:contain;}
	.MainSection02 .MainSectionTitle em{position:relative; display:block;}
	.MainSection02 .MainSectionTitle em img{position:relative; display:block; margin:0 auto; margin-bottom:2.8em;}
	.MainSection02 .MainSectionTitle em p{position:relative; display:block;}
	.MainSection02 .MainSectionTitle em p > small{position:relative; display:block; color:#797773; font-size:33pt; font-weight:600; margin-bottom:25px;}
	.MainSection02 .MainSectionTitle em p b{position:relative; display:block; color:#484643; font-size:41pt; font-weight:700; margin-bottom:25px;}
	.MainSection02 .MainSectionTitle em p span{position:relative; display:block; color:#4157a6; font-size:33pt; font-weight:500; line-height:1.3; margin-bottom:1em;}
	.MainSection02 .MainSectionTitle em p span strong{position:relative; display:block; position:relative; font-weight:600; padding-bottom:20px;}
	.MainSection02 .MainSectionTitle em p span small{position:relative; display:block; font-weight:500; font-size:20pt; color:#9198af}
	/* 기본 */
	.MainSection02 .Banner02{}
	/* 화살표 */
	.MainSection02 .Banner02_Animation{animation-name:Banner02_Animation; animation-timing-function:cubic-bezier(0.280, 0.840, 0.420, 1); animation-duration:1.5s; animation-iteration-count:infinite;}
	/* 물결배경 */
	.box{width:100%; height:500px; border-radius:5px; box-shadow:0 2px 30px rgba(black, .2); background:#e8eaf3; position:absolute; z-index:1; bottom: 0; overflow:hidden; transform:translate3d(0, 0, 0);}
	.wave{ opacity:.5; position:absolute; bottom:20%; left:50%; background:#fff; width:6000px; height:5900px; margin-left:-3000px; transform-origin:50% 49.3%; border-radius:50%; animation:drift 5000ms infinite linear;}
	.wave.-three{animation:drift 7000ms infinite linear;}
	.wave.-two{animation:drift 9000ms infinite linear; opacity:.1; background:#f8f8f8;}
	.box:after{content:''; display:block; left:0; top:0; width:100%; height:100%; background:linear-gradient(to bottom, rgba(#e8a, 1), rgba(#def, 0) 80%, rgba(white, .5)); z-index:11; transform:translate3d(0, 0, 0);}

	@keyframes Banner02_Animation {
		0%{transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0);}
		10%{transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0);}
		33%{transform:translateY(-10px); -webkit-transform:translateY(-10px); -moz-transform:translateY(-10px); -ms-transform:translateY(-10px); -o-transform:translateY(-10px);}
		50%{transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0);}
		60%{transform:translateY(-2px); -webkit-transform:translateY(-2px); -moz-transform:translateY(-2px); -ms-transform:translateY(-2px); -o-transform:translateY(-2px);}
		70%{transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0);}
		10%{transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0);}
	}
	
	@keyframes drift {
		from { transform:rotate(0deg); }
		from { transform:rotate(360deg); }
	}
	
	
/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션03] 3번배너 */
.MainSection03{background-color:#727171; padding:120px 0; background-image:url('/img/C00169/mainSection03_bg.png'); background-repeat:no-repeat; background-position:bottom;}
.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:135px; height:135px; border-radius:100px; background-color:#fff; vertical-align:middle; margin-bottom:2em;}
	.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:#a5a4a4; font-size:21pt; color:#fff; font-weight:500; padding:0.6em; border-radius:100px; margin-bottom:1em;}
	.MainSection03 .Banner03 .TextBox em{position:relative; display:block; width:100%; font-weight:500; color:#c0d6ff; font-size:24pt; letter-spacing:-1px; margin-bottom:0.3em;}
	.MainSection03 .Banner03 .TextBox span{position:relative; display:block; width:100%; font-weight:300; color:#d1d1d1; font-size:16pt; letter-spacing:-1px;}
	
	
/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션04] 4번배너 */
.MainSection04{}
.MainSection04 .Inner{width:100%;}
	/* 기본 */
	.MainSection04 .Banner04{position:relative; display:block;}
	.MainSection04 .Banner04 .ThumBox{position:relative; display:block; width:100%; background-repeat: no-repeat; background-size:100% auto; margin:auto;}
	.MainSection04 .Banner04 .ThumBox img{display:block; width:100%; animation:Banner04_Animation 2s 0s infinite ease-in-out alternate;}
	
	@keyframes Banner04_Animation{
		0%{opacity:1;}
		100%{opacity:0;}
	}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션05] 5번배너 */
.MainSection05{content:""; clear:both; display:block; position:relative; width:100%; background-color:#4157a6; padding:120px 0 100px 0; background-image:url('/img/C00169/mainSection05_bg.png'); background-repeat:no-repeat; background-position:right; background-position-x:106%; background-position-y:-7%;}
.MainSection05:before{content:''; position:absolute; width:1px; height:100px; background-color:#fff; opacity:.3; top:0;}
.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; line-height:1; letter-spacing:-1px; margin-bottom:100px;}
	.MainSection05 .MainSectionTitle em{position:relative; display:block;}
	.MainSection05 .MainSectionTitle em p{position:relative; display:block;}
	.MainSection05 .MainSectionTitle em p small{position:relative; display:block; color:#fff; font-size:10pt; font-weight:100; margin-bottom:3.5em; opacity:.5; letter-spacing:1.2em;}
	.MainSection05 .MainSectionTitle em p b{position:relative; display:block; color:#fff; font-size:41pt; font-weight:600; margin-bottom:0.8em; line-height:1.3;}
	.MainSection05 .MainSectionTitle em p b strong{color:#9eccff; font-weight:600;}
	.MainSection05 .MainSectionTitle em p span{position:relative; display:block; color:#fff; font-size:15pt; font-weight:300; letter-spacing:0;}
	/* 기본 */
	.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;}
	.MainSection05 .Banner05 ul li{position:relative; display:inline-table; width:25%; margin-bottom:70px;}
	.MainSection05 .Banner05 ul li a{position:relative; display:block; width:100%;}
	.MainSection05 .Banner05 ul li .ThumBox{position:relative; display:block; width:86%; margin:0 auto; overflow:hidden; background-color:#000;}
	.MainSection05 .Banner05 ul li .ThumBox > img{}
	.MainSection05 .Banner05 ul li .TextBox{position:relative; display:table; width:86%; margin:0 auto; margin-top:1em;}
	.MainSection05 .Banner05 ul li .TextBox span{position:relative; display:inline-table; width:80%; color:#fff; font-size:19pt; font-weight:600; line-height:1; vertical-align:middle; text-align:left;}
	.MainSection05 .Banner05 ul li .TextBox em{position:relative; display:inline-table; width:20%; text-align:right;}
	.MainSection05 .Banner05 ul li .TextBox em img{}
	.MainSection05 .Banner05 ul li .Line{position:absolute; z-index:2; background:#9eccff;}
	.MainSection05 .Banner05 ul li .LineTop{left:0; top:0; transition:width 0.4s; width:0; height:4px;}
	.MainSection05 .Banner05 ul li .LineRight{right:0; top:0; transition:height 0.4s; width:4px; height:0;}
	.MainSection05 .Banner05 ul li .LineBottom{right:0; bottom:0; transition:width 0.4s; width:0; height:4px;}
	.MainSection05 .Banner05 ul li .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%;}

	.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);}

	@keyframes Banner05_Animation{
		0%{padding-right:0px;}
		100%{padding-right:8px;}
	}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션06] 6번배너 */
.MainSection06{margin-left:-960px !important;}
.MainSection06 .Inner{width:100%;}
	/* 기본 */
	.MainSection06 .Banner06{position:relative; display:block;}
	.MainSection06 .Banner06 .ThumBox{position:relative; display:block;}
	.MainSection06 .Banner06 .ThumBox a{display:block; height:650px; background-repeat:no-repeat; background-position-y:40%; background-attachment:fixed; padding:0px; overflow:hidden;}
	.MainSection06 .Banner06 .ThumBox img{display:block; max-width:fit-content;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션07] 유튜브 */
.MainSection07{background:linear-gradient(to right, #f8f8f8 0%,#f8f8f8 50%,#fff 50.1%,#fff 100%);}
.MainSection07 .Inner{}
	/* 타이틀 */
	.MainSection07 .MainSectionTitle{position:relative; display:block; text-align:left; line-height:1; letter-spacing:-1px; margin-bottom:60px;}
	.MainSection07 .MainSectionTitle em{position:relative; display:block;}
	.MainSection07 .MainSectionTitle em p{position:relative; display:block;}
	.MainSection07 .MainSectionTitle em p b{position:relative; display:block; color:#333333; font-size:39pt; font-weight:500; margin-bottom:0.5em; line-height:1;}
	.MainSection07 .MainSectionTitle em p b strong{color:#4157a6; font-weight:700;}
	.MainSection07 .MainSectionTitle em p span{position:relative; display:block; color:#797979; font-size:15pt; font-weight:500; letter-spacing:0;}
	/* 기본 */
	.MainSection07 .Cont{position:relative; display:flex; flex-direction:row; align-items:stretch; flex-wrap:wrap; width:100%; text-align:left;}
	.MainSection07 .ContLeft{position:relative; display:block; width:50%; flex-grow:1; padding-right:90px;}
	.MainSection07 .ContRight{position:relative; display:block; width:50%; flex-grow:1; padding-left:90px;}
	.MainSection07 .ContLeft .MultiSliderWrap{background-image:url(/img/C00169/mainSection07_youtube.png); background-repeat:no-repeat; background-size:auto; background-position-x:43%; background-position-y:10%;}
	.MainSection07 .ContRight .MultiSliderWrap{background-image:url(/img/C00169/mainSection07_stetch.png); background-repeat:no-repeat; background-size:auto; background-position-x:66%; background-position-y:6%;}
	.MainSection07 .MultiSliderWrap{position:relative; display:block; width:100%; padding:120px 0; overflow:hidden;}
	.MainSection07 .ThumBox{}
	.MainSection07 .ThumBox img{}
	.MainSection07 .TextBox{position:relative; display:table; width:100%; text-align:left; margin:1.8em 0 4.7em 0;}
	.MainSection07 .TextBox em{position:relative; display:inline-table; width:75%; font-size:18pt; font-weight:600; color:#585757; letter-spacing:-1px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; line-height:1; margin:5px 0;}
	.MainSection07 .TextBox span{position:absolute; display:inline-table; width:25%; right:0; top:0;}
	.MainSection07 .TextBox span a{position:relative; display:block; font-size:13pt; padding:7px 20px; border:1px solid #585757; color:#585757; line-height:1;}
	.MainSection07 .TextBox span a:hover{background-color:#585757; color:#fff;}
	/* 슬라이드 */
	.MainSection07 .MultiSliderWrap .slider-nav{padding-top:1.5em; border-top:1px solid #585757; width:104%; height:122px;}
	.MainSection07 .MultiSliderWrap .slider-nav .ThumBox{display:block; width:100%; text-align:left;}
	.MainSection07 .MultiSliderWrap .slider-nav .ThumBox img{width:89%;}
	.MainSection07 .MultiSliderWrap .slider-for{}
	/* 슬라이드 버튼(숫자) */
	.MainSection07 .MultiSlider.slider-for ul.SliderThum_BtnPage{position:absolute; bottom:3.3%; height:13pt; left:auto; right:0; z-index:1; width:100%; text-align:right; color:#9c9c9c; font-size:13pt; margin:0; padding-right:1.3em; line-height:1;}
	.MainSection07 .MultiSlider.slider-for ul.SliderThum_BtnPage li{display:none;}
	.MainSection07 .MultiSlider.slider-for ul.SliderThum_BtnPage li.slick-active{display:block;}
	/* 슬라이드 화살표 */
	.MainSection07 .SliderArrow{position:absolute; bottom:26.3%; height:14pt; left:auto; right:0; z-index:1; width:auto; text-align:right; color:#9c9c9c; font-size:14pt;}
	.MainSection07 .SliderArrow .slick-button-prev02{margin-right:2em;}
	.MainSection07 .SliderArrow .slick-button-prev03{margin-right:2em;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션11] mri시술전후 */
.MainSection11{background:linear-gradient(to bottom, #ebebeb ,#f8f8f8 ); padding:120px 0;}
.MainSection11 .Inner{}
	/* 타이틀 */
	.MainSection11 .MainSectionTitle{position:relative; display:block; text-align:center; line-height:1; letter-spacing:-1px; margin-bottom:80px;}
	.MainSection11 .MainSectionTitle em{position:relative; display:block;}
	.MainSection11 .MainSectionTitle em p small{position:relative; display:block; color:#4157a6; font-size:10pt; font-weight:200; margin-bottom:3.5em; letter-spacing:1.2em;}
	.MainSection11 .MainSectionTitle em p{position:relative; display:block;}
	.MainSection11 .MainSectionTitle em p b{position:relative; display:block; color:#4157a6; font-size:39pt; font-weight:700; margin-bottom:0.5em; line-height:1;}
	.MainSection11 .MainSectionTitle em p b strong{color:#333; font-weight:500;}
	.MainSection11 .MainSectionTitle em p span{position:relative; display:block; color:#797979; font-size:15pt; font-weight:500; letter-spacing:0;}
	.MainSection11 .MainSectionTitle a{position: absolute;display:block;right: 0;top: 3.3em;padding: 9px 20px;border:1px solid #585757;color:#585757;line-height:1;margin: 0 auto;width: 14%;font-size: 15pt;}
	.MainSection11 .MainSectionTitle a:hover{background-color:#585757; color:#fff;}
	
	/* 기본 */
	.MainSection11 .SwiperSection11{position:relative; z-index:3;}
	.MainSection11 .SwiperSection11 .fa{font-family:"FontAwesome";}
	.MainSection11 .SwiperSection11 .Slide{border:1px solid #ddd;}
	.MainSection11 .SwiperSection11 .ThumBox{background-color:#333; overflow:hidden;}
	.MainSection11 .SwiperSection11 .ThumBox img{width:100%;}
	.MainSection11 .SwiperSection11 .Slide: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);}
	.MainSection11 .SwiperSection11 .TextBox{display:block; width:100%; padding-top:1em;background-color:#fff;}
	.MainSection11 .SwiperSection11 .TextBox p{display:inline-block; width:90%; margin:0 auto; height:3em; line-height:1.5em; font-size:13.5pt; text-align:left; font-weight:500; white-space:nowrap; text-overflow:ellipsis; word-break:break-word; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow: hidden; color:#333}
	.MainSection11 .SwiperSection11 .TextBox span{display:table; width:100%; margin-top:1em; background-color:#e7e7e7; padding:0.5em 0.7em; line-height:1; color:#444;} 
	.MainSection11 .SwiperSection11 .TextBox span b{display:inline-table; width:50%; vertical-align:middle; line-height:1;} 
	.MainSection11 .SwiperSection11 .TextBox span b:last-child{text-align:right;}
	.MainSection11 .SwiperSection11 .TextBox span b strong{font-size:11pt; margin-right:0.3em; font-weight:normal;}
	.MainSection11 .SwiperSection11 .TextBox span b em{font-size:11pt;}
	.MainSection11 .SliderBar{height:5px; width:905px; border-radius:2.5px; background:#dddddd; margin-top:30px; display:none;}
	.MainSection11 .SliderBar .swiper-scrollbar-drag{background:#28305e;}
	/* 슬라이드화살표 */
	.MainSection11 .SliderArrow{position:absolute; width:114%; left:50%; margin-left:-57%; bottom:27%; z-index:2; display:table; text-align:right;}
	.MainSection11 .SliderArrow img{cursor:pointer;}
	.MainSection11 .SliderArrow img:hover{opacity:.8; transition-duration:200ms;}
	.MainSection11 .SliderArrow i{font-size:23pt; cursor:pointer;}
	.MainSection11 .SliderArrow .Section11_Left{position:relative; display:inline-table; width:auto; text-align:left; float:left;}
	.MainSection11 .SliderArrow .Section11_Right{position:relative; display:inline-table; width:auto; text-align:right; float:right;}
	.MainSection11 .SliderArrow .swiper-button-disabled{opacity:.5;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션08] 게시판 */
.MainSection08{background-color:#e8eaf2; padding:120px 0;}
.MainSection08 .Inner{}
	/* 기본 */
	.MainSection08 .List{position:relative; display:table; width:100%;}
	.MainSection08 .List li{position:relative; display:inline-table; width:calc(100%/3);}
	.MainSection08 .List li:nth-child(1){padding-right:25px;}
	.MainSection08 .List li:nth-child(2){padding:0 12.5px;}
	.MainSection08 .List li:nth-child(3){padding-left:25px;}
	.MainSection08 .List li .Cont{position:relative; display:block; width:100%; background-color:#fff; padding:3em 2.5em;}
	.MainSection08 .List li .Cont01{background-image:url(/img/C00169/mainSection08_online.png); background-repeat:no-repeat; background-size:auto; background-position-x:107%; background-position-y:85%;}
	.MainSection08 .List li .Cont02{background-image:url(/img/C00169/mainSection08_notice.png); background-repeat:no-repeat; background-size:auto; background-position-x:104%; background-position-y:85%;}
	.MainSection08 .List li .Cont03{background-image:url(/img/C00169/mainSection08_review.png); background-repeat:no-repeat; background-size:auto; background-position-x:107%; background-position-y:85%;}
	.MainSection08 .List li .Cont03 em{padding-right:0.7em;}
	.MainSection08 dl{position:relative; display:block; width:100%;}
	.MainSection08 dl dt{position:relative; display:block; width:100%; text-align:center; margin-bottom:1.5em;}
	.MainSection08 dl dt em{color:#585757; font-size:21pt; font-weight:600; line-height:1}
	.MainSection08 dl dt .More{position:absolute; right:0; top:0;}
	.MainSection08 dl dt .More a{position:relative; display:table-cell; vertical-align:middle; font-size:18pt; width:30px; height:30px; background-color:#4157a6; font-weight:lighter; color:#fff;}
	.MainSection08 dl dt .More a:hover{background-color:#333; margin-bottom:1.5em;}
	.MainSection08 dl dd{position:relative; display:block; width:100%; text-align:left; border-top:1px solid #585757; padding-top:2.5em; overflow:hidden;}
	.MainSection08 .TextBox{display:block; position:absolute !important; top:0; left:0; width:100%;}
	.MainSection08 .TextBox a{display:block; width:100%; vertical-align:top; padding-bottom:13px;}
	.MainSection08 .TextBox a p{display:block; width:100%; letter-spacing:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:14pt; color:#333; font-weight:400;}
	/* 슬라이더 */
	.MainSection08 .bx-wrapper{height:6.5em;}
	.MainSection08 .bx-wrapper .bx-viewport{background:transparent;}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* [세션09] 참잘함지점안내 */
.MainSection09.Row{background-color:#f2f2f2; padding:120px 0;}
.MainSection09.Row .Inner{}
	/* 타이틀 */
	.MainSection09.Row .MainSectionTitle{position:relative; display:block; text-align:center; line-height:1; letter-spacing:-1px; margin-bottom:100px;}
	.MainSection09.Row .MainSectionTitle em{position:relative; display:block;}
	.MainSection09.Row .MainSectionTitle em p{position:relative; display:block;}
	.MainSection09.Row .MainSectionTitle em p small{position:relative; display:block; color:#c8c6c6; font-size:10pt; font-weight:300; margin-bottom:3.5em; letter-spacing:1.2em;}
	.MainSection09.Row .MainSectionTitle em p b{position:relative; display:block; color:#4157a6; font-size:35pt; font-weight:500; line-height:1; margin-bottom:0.3em;}
	.MainSection09.Row .MainSectionTitle em p span{position:relative; display:block; color:#333; font-size:41pt; font-weight:700; letter-spacing:0;}
	/* 기본 */
	.MainSection09.Row .List{position:relative; display:flex; flex-direction:row; align-items:stretch; flex-wrap:wrap; width:100%; text-align:left;}
	.MainSection09.Row .List li{position:relative; display:block; width:100%;}
	.MainSection09.Row .List li + li{padding-top:3em;}
	.MainSection09.Row .BranchInfoCont{position:relative; display:block; width:100%; background-color:#fff; border-top:3px solid #727171; padding:4em; box-shadow:15px 15px 20px rgb(0 0 0 / 5%);}
	.MainSection09.Row .BranchInfoCont .Cont01{position:relative;}
	.MainSection09.Row .BranchInfoCont .Cont02{position:relative; display:block;}
	.MainSection09.Row .BranchInfoCont .Cont02 dl{position:relative; display:table; width:100%;}
	.MainSection09.Row .BranchInfoCont .Cont02 dt{position:relative; display:inline-table; width:45%; vertical-align:top;}
	.MainSection09.Row .BranchInfoCont .Cont02 dd{position:relative; display:inline-table; width:55%; vertical-align:top;}

	.MainSection09.Row .BranchInfoCont pre{font-size:15pt; white-space:pre-line; color:#888888; line-height:1.5;}
	.MainSection09.Row .BranchInfoCont .Name{display:block; text-align:center; color:#727171; font-size:28pt; font-weight:600; border-bottom:1px solid #d0d0d0; line-height:1; padding-bottom:0.8em; margin-bottom:1em; text-align:left;}
	.MainSection09.Row .BranchInfoCont .Name strong{color:#4157a6;}
	.MainSection09.Row .BranchInfoCont .Add{}
	.MainSection09.Row .BranchInfoCont .Add pre{height:auto;}
	.MainSection09.Row .BranchInfoCont .Call{font-size:30pt; color:#4157a6; font-weight:600; letter-spacing:-1px; line-height:1; margin:1em 0;}
	.MainSection09.Row .BranchInfoCont .Call a{}
	.MainSection09.Row .BranchInfoCont .Title{font-size:16pt; font-weight:600; color:#4157a6; margin-bottom:0.5em;}
	.MainSection09.Row .BranchInfoCont .Time > div{display:table; width:100%;}
	.MainSection09.Row .BranchInfoCont .Time pre{}
	.MainSection09.Row .BranchInfoCont .Time pre.Left{display:table-cell; width:38%;}
	.MainSection09.Row .BranchInfoCont .Time pre.Right{display:table-cell; width:65%;}
	.MainSection09.Row .BranchInfoCont .Link{display:table; width:100%; margin:0 0 2em 0;}
	.MainSection09.Row .BranchInfoCont .Link li{display:inline-table; width:25%; text-align:center; padding:0;}
	.MainSection09.Row .BranchInfoCont .Link li a{display:block; width:90%; padding:0.5em; font-size:13pt; border:1px solid #4157a6; color:#4157a6; font-weight:500;}
	.MainSection09.Row .BranchInfoCont .Link li:last-child a{background-color:#4157a6; color:#fff;}
	.MainSection09.Row .mapBox{width:100%; height:16em;} 

/* 서울점 */
.C00170 .MainSection09 .List .C00171_list{display:none;}
.C00170 .MainSection09 .List .C00191_list{display:none;}
.C00170 .MainSection09 .List .C00268_list{display:none;}
.C00170 .MainSection09 .List .C00302_list{display:none;}
/* 수원점 */
.C00171 .MainSection09 .List .C00170_list{display:none;}
.C00171 .MainSection09 .List .C00191_list{display:none;}
.C00171 .MainSection09 .List .C00268_list{display:none;}
.C00171 .MainSection09 .List .C00302_list{display:none;}
/* 안산점 */
.C00191 .MainSection09 .List .C00170_list{display:none;}
.C00191 .MainSection09 .List .C00171_list{display:none;}
.C00191 .MainSection09 .List .C00268_list{display:none;}
.C00191 .MainSection09 .List .C00302_list{display:none;}
/* 시흥점 */
.C00268 .MainSection09 .List .C00170_list{display:none;}
.C00268 .MainSection09 .List .C00171_list{display:none;}
.C00268 .MainSection09 .List .C00191_list{display:none;}
.C00268 .MainSection09 .List .C00302_list{display:none;}
/* 당진점 */
.C00302 .MainSection09 .List .C00170_list{display:none;}
.C00302 .MainSection09 .List .C00171_list{display:none;}
.C00302 .MainSection09 .List .C00191_list{display:none;}
.C00302 .MainSection09 .List .C00268_list{display:none;}