@charset "utf-8";
/* 
C00365 경희미한의원
*/

/* 메인전용컨텐츠 */
.MainContents_Area * {}
.MainContents_Area{content:""; clear:both; display:block; position:relative; width:100%; text-align:center; box-sizing:border-box; white-space:normal; word-break:keep-all;}
/*슬라이드 초기화*/
.MultiImgSlider .slick-slide li .ThumBox{background-color:transparent;}

body .MainContents_Area .Inner{width:1300px; min-width:1300px;}
body .MainContents_Area .mainSection{width:100%; position:relative; display:block; overflow:hidden;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*1번배너*/
body .MainContents_Area .mainSection01{width:100%; position:relative; overflow:hidden; height:800px;}
body .MainContents_Area .mainSection01 .Inner{width:100%; min-width:100%;}
body .MainContents_Area .mainSection01 .wrap{width:100%; position:relative; height:800px; overflow:hidden;}
body .MainContents_Area .mainSection01 .back{width:100%; height:100%;}
body .MainContents_Area .mainSection01 .back img{width:100%; height:100%;}
body .MainContents_Area .mainSection01 .contWrap{padding-left:calc((100% - 1300px) / 2); width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:inline-flex; align-items:center; justify-content:start;}

body .MainContents_Area .mainSection01 .txtWrap h2{font-weight:600; color:#fff;}
body .MainContents_Area .mainSection01 .txtWrap h2 b{color:#6a5951;}
body .MainContents_Area .mainSection01 .txtWrap h6{width:max-content; color:#fff; font-weight:600; background:#6a5951; padding:5px 18px; margin-top:55px;}
body .MainContents_Area .mainSection01 .txtWrap p{color:#fff; font-weight:500; margin-top:55px;}
body .MainContents_Area .mainSection01 .txtWrap span{color:#fff; margin-top:30px; display:block;}

body .MainContents_Area .mainSection01 .imgBox{opacity:0;}
body .MainContents_Area .mainSection01 .txtBox{opacity:0; transform:translateY(50px);}

body .MainContents_Area .mainSection01 .Slide01 .imgBox{margin-left:150px;}
body .MainContents_Area .mainSection01 .Slide02 .imgBox{margin-left:110px;}
body .MainContents_Area .mainSection01 .Slide03 .contWrap{justify-content:space-between;}

	/*버튼*/
	body .MainContents_Area .SliderBtn{width:350px; text-align:center; position:absolute; left:50%; bottom:55px; transform:translate(-50%,0); z-index:900;}
	body .MainContents_Area .SliderBtn .num_btn{width:100%; display:inline-flex; align-items:center; justify-content:space-between;}
	body .MainContents_Area .SliderBtn .num_btn .arw_btn{font-family:'SUIT', sans-serif; font-size:16pt; font-weight:500; color:#fff; width:40px; cursor:pointer;}
	body .MainContents_Area .SliderBtn .num_btn .btnInner{display: block; width: 100%; position: relative; padding: 0 40px;}
	body .MainContents_Area .SliderBtn .num_btn .btnInner .pagenumber_common{padding:0 5px; display: flex; justify-content: space-between; align-items: center; height: 100%; font-size: 14pt; color:#fff; bottom: inherit; position: absolute; left: 0; top: 0; width: 100%;}
	body .MainContents_Area .SliderBtn .num_btn .btnInner .pagenumber_common span:first-child{color:#129a92;}
	body .MainContents_Area .SliderBtn .num_btn .btnInner .swiper-pagination_main1{position:relative;}
	body .MainContents_Area .SliderBtn .num_btn .btnInner .swiper-pagination_main1 .swiper-scrollbar-drag{}
	body .MainContents_Area .SliderBtn .num_btn .btnInner .new-scrollbar{height: 2px; background: rgba(255, 255, 255, 0.3); position: relative;}
	body .MainContents_Area .SliderBtn .num_btn .btnInner .new-scrollbar span{background:#fff; height:2px; position:absolute; display:block;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*2번배너*/
body .MainContents_Area .mainSection02{padding:110px 0; background:url('/img/C00365/mainSection02_bg.jpg')no-repeat center/cover;}
body .MainContents_Area .mainSection02 .Inner{width:100%; min-width:100%;}
body .MainContents_Area .mainSection02 .contWrap{padding-left:calc((100% - 1550px) / 2); padding-right:calc((100% - 620px) / 2); width:100%; display:inline-flex; align-items:start; justify-content:space-between;}
body .MainContents_Area .mainSection02 .contWrap .contBox{text-align:center; width:25%;}
body .MainContents_Area .mainSection02 .contWrap .contBox02{width:50%;}

body .MainContents_Area .mainSection02 .contWrap .contBox .titleBox .icon{width:max-content; overflow:hidden; border-radius:500px; margin:0 auto;}
body .MainContents_Area .mainSection02 .contWrap .contBox .titleBox h6{color:#129a92; font-weight:700; margin-top:25px;}

body .MainContents_Area .mainSection02 .contWrap .contBox .txtBoxWrap{width:80%; margin:0 auto; margin-top:25px; display:flex; flex-wrap:wrap; align-items:center;} 
body .MainContents_Area .mainSection02 .contWrap .contBox .txtBoxWrap .txtBox{width:100%; background:#8ebebc; color:#fff; font-weight:600; padding:10px 0; transition:0.2s;}
body .MainContents_Area .mainSection02 .contWrap .contBox .txtBoxWrap .txtBox:hover{background:#6faaa8;}
body .MainContents_Area .mainSection02 .contWrap .contBox .txtBoxWrap .txtBox:nth-child(n+2){margin-top:10px;}
body .MainContents_Area .mainSection02 .contWrap .contBox02 .txtBoxWrap .txtBox{width:48%;}
body .MainContents_Area .mainSection02 .contWrap .contBox02 .txtBoxWrap .txtBox:nth-child(2){margin-top:0;}
body .MainContents_Area .mainSection02 .contWrap .contBox02 .txtBoxWrap .txtBox:nth-child(2n){margin-left:2%;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*3번배너*/
body .MainContents_Area .mainSection03{padding:150px 0; background:#fff;}
body .MainContents_Area .mainSection03 .contWrap{width:100%; display:flex; flex-wrap:wrap; align-items:start; justify-content:start;}
body .MainContents_Area .mainSection03 .contWrap .contBox{width:31%; margin-right:3.5%;}
body .MainContents_Area .mainSection03 .contWrap .contBox:nth-child(3n){margin-right:0;}
body .MainContents_Area .mainSection03 .contWrap .contBox:nth-child(n + 4){margin-top:60px;}

body .MainContents_Area .mainSection03 .contWrap .contBox .imgWrap h6{width:100%; text-align:center; color:#fff; font-weight:700; padding:10px 0; background:#6a5951;}
body .MainContents_Area .mainSection03 .contWrap .contBox .imgWrap img{width:100%;}
body .MainContents_Area .mainSection03 .contWrap .contBox .txtWrap{margin-top:30px; text-align:center;} 
body .MainContents_Area .mainSection03 .contWrap .contBox .txtWrap p b{color:#6a5951;}
body .MainContents_Area .mainSection03 .contWrap .contBox .txtWrap a{display:block; margin:0 auto; margin-top:20px; width:max-content; padding:10px 35px; background:#6a5951; border-radius:500px; transition:0.2s; color:#fff; font-weight:600;}
body .MainContents_Area .mainSection03 .contWrap .contBox .txtWrap a:hover{letter-spacing:2pt;}
	/*색상변경*/
	body .MainContents_Area .mainSection03 .contWrap .contBox02 .imgWrap h6{background:#927b54;}
	body .MainContents_Area .mainSection03 .contWrap .contBox02 .txtWrap p b{color:#927b54;}
	body .MainContents_Area .mainSection03 .contWrap .contBox02 .txtWrap a{background:#927b54;}

	body .MainContents_Area .mainSection03 .contWrap .contBox03 .imgWrap h6{background:#929154;}
	body .MainContents_Area .mainSection03 .contWrap .contBox03 .txtWrap p b{color:#929154;}
	body .MainContents_Area .mainSection03 .contWrap .contBox03 .txtWrap a{background:#929154;}

	body .MainContents_Area .mainSection03 .contWrap .contBox04 .imgWrap h6{background:#129a92;}
	body .MainContents_Area .mainSection03 .contWrap .contBox04 .txtWrap p b{color:#129a92;}
	body .MainContents_Area .mainSection03 .contWrap .contBox04 .txtWrap a{background:#129a92;}

	body .MainContents_Area .mainSection03 .contWrap .contBox05 .imgWrap h6{background:#12829a;}
	body .MainContents_Area .mainSection03 .contWrap .contBox05 .txtWrap p b{color:#12829a;}
	body .MainContents_Area .mainSection03 .contWrap .contBox05 .txtWrap a{background:#12829a;}

	body .MainContents_Area .mainSection03 .contWrap .contBox06 .imgWrap h6{background:#126c9a;}
	body .MainContents_Area .mainSection03 .contWrap .contBox06 .txtWrap p b{color:#126c9a;}
	body .MainContents_Area .mainSection03 .contWrap .contBox06 .txtWrap a{background:#126c9a;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*4번배너*/
body .MainContents_Area .mainSection04{padding:150px 0; background:url('/img/C00365/mainSection04_bg.jpg')no-repeat center/cover;}
body .MainContents_Area .mainSection04 .contWrap{width:100%; display:inline-flex; align-items:start; justify-content:space-between;}
body .MainContents_Area .mainSection04 .contWrap .contBox{width:30%;}
body .MainContents_Area .mainSection04 .contWrap .contBox02{margin-top:80px;}
body .MainContents_Area .mainSection04 .contWrap .contBox a{display:block; width:100%; overflow:hidden; border-radius:30px; position:relative;}
body .MainContents_Area .mainSection04 .contWrap .contBox a img{width:100%; transition:0.5s;}
body .MainContents_Area .mainSection04 .contWrap .contBox a:hover img{scale:1.1;}
body .MainContents_Area .mainSection04 .contWrap .contBox .txtWrap{width:100%; position:absolute; left:50%; top:55px; transform:translate(-50%,0); text-align:center;}
body .MainContents_Area .mainSection04 .contWrap .contBox .txtWrap p{color:#fff;}
body .MainContents_Area .mainSection04 .contWrap .contBox h6{width:max-content; position:absolute; right:0; bottom:25px; background:rgba(255,255,255,0.8); border-radius:500px 0 0 500px; padding:8px 30px; font-weight:600;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*5번배너*/
body .MainContents_Area .mainSection05{padding:150px 0; background:#f8f8f8;}
body .MainContents_Area .mainSection05 .Inner{width:100%; min-width:100%; display:inline-flex; align-items:center; justify-content:space-between;}
body .MainContents_Area .mainSection05 .title{width:44%; padding-left:calc((100% - 1300px) / 2); text-align:left;}
body .MainContents_Area .mainSection05 .title a{display:block; margin-top:40px; width:max-content; padding:10px 35px; background:#129a92; border-radius:500px; transition:0.2s; color:#fff; font-weight:600;}
body .MainContents_Area .mainSection05 .title a:hover{letter-spacing:2pt;}
body .MainContents_Area .mainSection05 .contWrap{width:56%;} 
body .MainContents_Area .mainSection05 .contWrap img{width:100%;}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*6번배너*/
body .MainContents_Area .mainSection06{width:100%;}
body .MainContents_Area .mainSection06 .Inner{width:100%; min-width:100%;}
body .MainContents_Area .mainSection06 .title{width:1300px; margin:0 auto;}
body .MainContents_Area .mainSection06 .title span{color:#129a92;}
body .MainContents_Area .mainSection06 .title h2{color:#fff;}
body .MainContents_Area .mainSection06 .title h2 b{color:#fff;}
body .MainContents_Area .mainSection06 .title a{display:block; margin:0 auto; margin-top:50px; width:max-content; padding:10px 35px; background:#129a92; border-radius:500px; transition:0.2s; color:#fff; font-weight:600;}
body .MainContents_Area .mainSection06 .title a:hover{letter-spacing:2pt;}
body .MainContents_Area .mainSection06 .contWrap{background:url('/img/C00365/mainSection06_bg.jpg')no-repeat; background-position:center center; background-size:cover; background-position-y:40%; background-attachment:fixed; padding:160px 0;}