@charset "utf-8";


#hd_pop {width:500px !important}	
#main_vis{position:relative; width:100%; height:100%; overflow:hidden;}
.main_vis_box.slick-slide,
.main_vis_wrap .slick-track,
.main_vis_wrap .slick-list{position:relative; height:100%; }

.main_vis_box.bx1{background:url('/images/main/m_visual1.jpg') no-repeat center center; background-size:cover;}
.main_vis_box.bx2{background:url('/images/main/m_visual2.jpg') no-repeat center center; background-size:cover;}
.main_vis_box.bx3{background:url('/images/main/m_visual4.jpg') no-repeat center center; background-size:cover;}
.main_vis_box.bx4{background:url('/images/main/m_slide6.jpg') no-repeat center center; background-size:cover;}

.main_txt_wrap{display:table; width:100%; height:100%; text-align:center;}
.main_txt_wrap .in{display:table-cell; vertical-align:middle; padding-top:4em;}
.main_txt_wrap .in span{overflow:hidden; display:block;}
.main_txt_wrap .in img{display:inline-block; width:88%; max-width:451px;
	opacity: 0;
	-webkit-transform: translateY(50px); transform: translateY(50px);
	-webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity;
	-webkit-transition-duration: .8s; transition-duration: .8s;
	-webkit-transition-timing-function: ease;	transition-timing-function: ease;
}
.main_vis_box.slick-active .main_txt_wrap .in img{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);-webkit-transition-delay: 1.0s; transition-delay: 1.0s;}
.main_vis_wrap .slick-dots{bottom:unset; top:calc(50% + 7em); }

@media all and (max-width:1000px) {
	#main_vis{height:96%;}
}
@media all and (max-width:650px) {
	#main_vis{height:90%;}
	.main_txt_wrap .in img{width:75%;}
	#hd_pop {width:93% !important; }
	#hd_pop > div{left:0 !important; top:70px !important}	
}

/**/
.sec01_wrap{position:relative; width:100%; overflow:hidden; display:table; padding:6em 5px; box-sizing:Border-box; text-align:center;}
.sec01_wrap .tt{font-size:2.3em; color:#323232; font-weight:100; line-height:1.3em;}
.sec01_wrap .t2{color:#185a44;}
.sec01_wrap .t3{color:#575757; margin-top:15px;}
.sec01_wrap .in{clip: rect(auto, auto, auto, auto); top:0; left:0; width:100%; height:100%; position:absolute; z-index:-1; overflow:hidden; background-color:#E6EFEC; }
.sec01_wrap .in .bg {position: fixed; display: block; top: 0; left: 0; width: 100%; height: 100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transform: translateZ(0); will-change: transform; }

@media all and (max-width:1000px) {
	.sec01_wrap .in .bg{opacity:0.6; background-position:75% center;}
}
@media all and (max-width:750px) {
	.sec01_wrap .tt{font-size:1.9em;}
	.sec01_wrap .in .bg{}
}
@media all and (max-width:550px) {
	.sec01_wrap{padding:4em 5px;}
	.sec01_wrap .tt{font-weight:300;}
	.sec01_wrap br.mo{display:block}
	.sec01_wrap .t1{display:none}
}

/**/
.main_tit{text-align:center;}
.main_tit .bar{background:#063428; width:1px; height:65px; margin:0 auto;}
.main_tit .tit{font-family: 'Amiri', serif; font-size:3em; color:#063428; line-height:1.2em; margin:20px 0 15px;}
.main_tit .tit b{font-weight:600; }
.main_tit .con{color:#545454;}

@media all and (max-width:1400px) {
	.main_tit .tit{font-size:2.6em;}
}
@media all and (max-width:1000px) {
	.main_tit .bar{height:60px;}
	.main_tit .tit{font-size:2.5em;}
	.main_tit .con{font-size:0.96em}
}
@media all and (max-width:650px) {
	.main_tit .bar{height:55px;}
	.main_tit .tit{font-size:2.4em; margin-bottom:0;}
	.main_tit .con{font-size:0.94em}
}
@media all and (max-width:360px) {
	.main_tit .tit{font-size:2.2em;}
	.main_tit .con{font-size:0.9em}
}

/**/
.sec02_wrap{position:relative; width:100%; overflow:hidden; box-sizing:border-box; margin-left:auto; margin-right:auto; padding:6em 2%;}
.sec02_wrap .sec02_bx{width:20%; float:left; box-sizing:border-box; padding:5px; height:352px }
.sec02_wrap .sec02_bx.w2{width:40%; float:right;}
.sec02_wrap .sec02_bx .in{display:Table;  width: 100%; height:100%; box-sizing:border-box;}

.sec02_wrap .sec02_bx1_slide .slick-slide{display:table; height:100%;}
.sec02_wrap .slick-slider,
.sec02_wrap .slick-track,
.sec02_wrap .slick-list{position:relative; height:100%; }
.sec02_wrap .slick-dots{text-align:left; left:20px; bottom:20px;}
.sec02_wrap .sec02_bx1_slide .slick-slide .txt{display:table-cell; vertical-align:middle; box-sizing:Border-box; padding:20px; padding-top:3em;}
.sec02_wrap .sec02_bx1_slide .slick-slide {background-size:cover; background:#DDDEDD no-repeat center center;}
.sec02_wrap .sec02_bx1_slide .s_bx1{background-image:url('/images/main/sec02_img_0101.png'); background-color:#f9f9f9; background-size:cover;}
.sec02_wrap .sec02_bx1_slide .s_bx2{background-image:url('/images/main/sec02_img_02.png'); background-size:cover;}
.sec02_wrap .sec02_bx1_slide .s_bx3{background-image:url('/images/main/main_doctor3_new.jpg'); background-size:cover;}
.sec02_wrap .sec02_bx1_slide .d1{font-size:1.6em; font-weight:500;}
.sec02_wrap .sec02_bx1_slide .d1 b{font-size:1.4em; font-weight:600;}
.sec02_wrap .sec02_bx1_slide .d2{font-size:0.98em; opacity:0.7; margin:5px auto 20px;}
.sec02_wrap .sec02_bx1_slide .d2 span.bar{width:1px; height:10px; background:#999; display:inline-block; margin:0 7px;}
.sec02_wrap .sec02_bx1_slide a{display:inline-block; color:#FFF; background:#063428; padding:4px 12px 5px;}

.sec02_wrap .sec2_bx_btn.bx2 .txt{display:Table-cell; vertical-align:top; text-align:center;}

.sec02_wrap .sec2_bx_btn {cursor:pointer;}
.sec02_wrap .sec2_bx_btn *{text-decoration:none;  /*마우스오버시 자연스럽게*/transition-duration: 300ms;   transition-property:all;   transition-timing-function: ease;}
.sec02_wrap .sec2_bx_btn .in{position:relative; text-align:center; vertical-align:bottom; padding:10px; color:#FFF;  }
.sec02_wrap .sec2_bx_btn .in b{display:block; font-size:2em; font-weight:600; margin-bottom:5px;}
.sec02_wrap .sec2_bx_btn .in span{display:block; line-height:1.3em; word-break:keep-all;}
.sec02_wrap .sec2_bx_btn .in a{display:none; font-family: 'Oswald', sans-serif; text-transform:uppercase; font-size:0.92em; letter-spacing:0.5em;}
.sec02_wrap .sec2_bx_btn .txt{display:Table-cell; vertical-align:bottom;  position:Relative; z-index:1;}
.sec02_wrap .sec2_bx_btn .bg{position:absolute; width:100%; height:100%; top:0; left:0; bottom:0; right:0; background:no-repeat center center; background-size:cover; }

.sec02_wrap .sec02_bx.bx3 .in{background-color:#CBB399}
.sec02_wrap .sec02_bx.bx3 .bg{background-image:url(/images/main/sec02_img_03.png); }
.sec02_wrap .sec02_bx.bx4 .in{background-color:#D8CDB7}
.sec02_wrap .sec02_bx.bx4 .bg{background-image:url(/images/main/sec02_img_04.png);}
.sec02_wrap .sec02_bx.bx5 .in{background-color:#788492}
.sec02_wrap .sec02_bx.bx5 .bg{background-image:url(/images/main/sec02_img_05.png);}
.sec02_wrap .sec02_bx.bx6 .in{background-color:#B8918E}
.sec02_wrap .sec02_bx.bx6 .bg{background-image:url(/images/main/sec02_img_06.png);}
.sec02_wrap .sec02_bx.bx7 .in{background-color:#807B75}
.sec02_wrap .sec02_bx.bx7 .bg{background-image:url(/images/main/sec02_img_07.png);}
.sec02_wrap .sec02_bx.bx8 .in{background-color:#8E9B94}
.sec02_wrap .sec02_bx.bx8 .bg{background-image:url(/images/main/sec02_img_08.png);}

.sec02_wrap .sec2_bx_btn:hover .bg{opacity:0.4;}
.sec02_wrap .sec2_bx_btn:hover .in span{padding-bottom:4em;}
.sec02_wrap .sec2_bx_btn:hover .in a{display:block; }


@media all and (max-width:1600px) {
	.sec02_wrap .sec02_bx{height:300px }
}
@media all and (max-width:1400px) {
	.sec02_wrap .sec02_bx{height:300px }
	.sec02_wrap .sec2_bx_btn .in{padding:12px 7px;}
	.sec02_wrap .sec2_bx_btn .in b{font-size:1.8em}
	.sec02_wrap .sec2_bx_btn .in span{font-size:0.92em;}
}
@media all and (max-width:1300px) {
	.sec02_wrap .sec02_bx{height:280px }
	.sec02_wrap .sec2_bx_btn .in span br{display:none;}
}

@media all and (max-width:1200px) {
	.sec02_wrap{padding:0em 2% 6em;}
	.sec02_wrap .main_tit.mo{display:block; margin-bottom:3em;}
	.sec02_wrap .sec02_bx.bx2{display:none;}
	.sec02_wrap .sec02_bx.bx1{width:50%}
	.sec02_wrap .sec2_bx_btn{width:25%;}
}
@media all and (max-width:1000px) {
	.sec02_wrap .sec02_bx{height:260px }
}
@media all and (max-width:900px) {
	.sec02_wrap .sec02_bx{padding:0.25%}
	.sec02_wrap .sec02_bx.bx1{width:100%; height:auto;}
	.sec02_wrap .sec02_bx1_slide .slick-slide {background-position:right center}
	.sec02_wrap .sec02_bx1_slide .slick-slide .txt{padding:4em 20px;}
	.sec02_wrap .sec02_bx1_slide .s_bx1{background-color:#F9F9F9}
	.sec02_wrap .sec2_bx_btn{position:relative;  width:33.3%; }
}
@media all and (max-width:650px) {
	.sec02_wrap .sec2_bx_btn{width:50%; height:240px; }
}
@media all and (max-width:550px) {
	.sec02_wrap .sec02_bx1_slide .slick-slide {background-position:65% bottom; background-size:auto 100%;}
	.sec02_wrap .slick-dots{display:none !important;}
	.sec02_wrap .sec02_bx1_slide .slick-slide .txt{padding:6em 1em 1em;}
	.sec02_wrap .sec02_bx1_slide .d1{font-size:1.4em; }
	.sec02_wrap .sec02_bx1_slide .d1 b{font-size:1.2em; }
	.sec02_wrap .sec02_bx1_slide .d2{font-size:0.9em; margin:0px auto 15px;}
	.sec02_wrap .sec02_bx1_slide a{padding:2px 10px 3px; font-size:0.9em;}
	.sec02_wrap .sec2_bx_btn:hover .in span{padding-bottom:3em;}

	.sec02_wrap{padding:0em 0% 0em;}
	.sec02_wrap .sec02_bx{padding:0%}
}
@media all and (max-width:450px) {
	.sec02_wrap .sec2_bx_btn{height:200px; }
	.sec02_wrap .sec2_bx_btn .in b{font-size:1.6em; margin-bottom:0;}
	.sec02_wrap .sec2_bx_btn .in span{font-size:0.88em;}
}
@media all and (max-width:360px) {
	.sec02_wrap .sec2_bx_btn{height:180px; }
}


/**/
.sec03_wrap{width:100%; overflow:hidden; background:#F5F5F5; padding:0 2% 2%; box-sizing:border-box;}
.sec03_wrap .main_tit{margin-bottom:3em;}
.sec03_box_wrap{ display: flex; }
.sec03_bx{position:relative; width:25%; float:left; overflow:hidden; background-color:#FFF; }
.sec03_bx:before{content:""; display:block; padding-top:100%;}
.sec03_bx .in{position:absolute; top:0; right:0; bottom:0; left:0; box-sizing:border-box; padding:35px 30px;}
.sec03_bx .in .tit{position:relative; z-index:1; text-align:Center;}
.sec03_bx .in .tit .tt{font-size:2em; font-weight:600; color:#000; line-height:1.1em; margin-bottom:10px;}
.sec03_bx .in .tit .cc{font-size:0.98em; color:#545454; }
.sec03_bx .in .tit a{color:#FFF; background:#60AAC9; padding:10px 14px; display:inline-block; margin:20px auto;}
.sec03_bx .in .tit .w-bar{width:180px; height:1px; background:#EEEEEE; margin:27px auto; display:block;}

.sec03_bx.bx1 .in{background-color:#d8e4e9}
.sec03_bx.bx1 .bg{position:absolute; top:0; left:0; width:100%; height:100%; position:absolute; top:0; left:0;right:0; bottom:0; width:100%; height:100%; background:no-repeat center center; 	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; transition-timing-function:cubic-bezier(0.165, 0.840, 0.440, 1.000); -webkit-transition-timing-function:cubic-bezier(0.165, 0.840, 0.440, 1.000); transition:1000ms; -webkit-transition:1000ms; transform:translateZ(0) scale(1) rotate(0.1deg); -webkit-transform:translateZ(0) scale(1) rotate(0.1deg); }
.sec03_bx.bx1:hover .bg{transform:translateZ(0) scale(1.05) rotate(0deg); -webkit-transform:translateZ(0) scale(1.05) rotate(0deg);}

.sec03_bx.bx2 li{box-sizing:border-box; padding:19px 15px; margin-bottom:5px; background:#F5F5F5; overflow:hidden; line-height:1.1em; }
.sec03_bx.bx2 li:hover{background:#F1F1F1}
.sec03_bx.bx2 li b{float:left; width:calc(100% - 90px); box-sizing:border-box; display:block; font-weight:400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sec03_bx.bx2 li span{float:right; width:80px; margin-left:10px;border-left:1px solid #ccc; box-sizing:border-box; display:block; text-align:right;}


.sns_box { display: flex; flex-wrap: wrap; width: 25%; }
.sec03_bx.bx3{ height: 50%; width: 100%; background:#2EC149 url('/images/main/sec03_bg_02_220422.png') no-repeat center center; background-size:100% auto;}
.sec03_bx.bx3_insta{ height: 50%; width: 100%;  background: url('/images/main/sec03_instagram_txt_220422.png') no-repeat center center; background-size: cover;}

.sec03_bx.bx3:before { padding-top: 50%; }
.sec03_bx.bx3_insta:before { padding-top: 50%; }


.sec03_bx.bx5 { background: rgb(249,190,115);
background: linear-gradient(38deg, rgba(249,190,115,1) 0%, rgba(222,86,107,1) 52%, rgba(144,92,166,1) 100%); }

.sec03_bx.bx4{background:#08352A; }
.sec03_bx.bx4 .tit .tt{color:#FFF;}
.sec03_bx.bx4 .tit .cc{color:#FFF; opacity:0.4}
.sec03_bx.bx4 .tit .w-bar{opacity:0.4}
.sec03_bx.bx4 .tel{display:Block; color:#FFF; text-align:center; font-size:3.4em; line-height:1em; margin-bottom:10px;}
.sec03_bx.bx4 ul{background:#FFF; box-sizing:border-box; padding:5px 20px; color:#08352A}
.sec03_bx.bx4 ul li{overflow:hidden; line-height:1.2em; margin:10px 0;}
.sec03_bx.bx4 li b{float:left; width:calc(100% - 80px); box-sizing:border-box; display:block; font-weight:400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sec03_bx.bx4 li span{float:left; width:65px; border-right:1px solid #ccc; box-sizing:border-box; display:block; margin-right:15px;}


@media all and (max-width:1700px) {
	.sec03_bx:before{padding-top:105%;}
	.sec03_bx .in{padding:35px 10px}
	/* .sec03_bx .in .tit .w-bar{margin:20px auto;} */
	.sec03_bx.bx4 .tel{font-size:3em;}
	
}
@media all and (max-width:1600px) {
	.sec03_bx:before{padding-top:375px;}
	.sec03_bx .in .tit .cc{font-size:0.9em; }
	.sec03_bx.bx2 li{padding:15px;}
	.sec03_bx.bx4 .tel{font-size:2.8em;}
	.sec03_bx.bx4 ul{padding:5px 15px;}
	.sec03_bx.bx4 ul li{margin:7px 0;}
	.sec03_bx.bx4 li span{width:55px; margin-right:5px;}
	.sec03_bx.bx4 li b{width:calc(100% - 60px);}
}
@media all and (max-width:1400px) {
	.sec03_bx:before{padding-top:330px;}
	.sec03_bx .in .tit .tt{font-size:1.8em;}
	.sec03_bx .in .tit .cc{font-size:0.88em;}
	.sec03_bx .in .tit .w-bar{width:60%; max-width:180px; margin:15px auto;}
	.sec03_bx .in .tit a{margin:15px auto; padding:8px 12px; font-size: 0.9em;}
	.sec03_bx.bx2 li{padding:13px 15px;}
	.sec03_bx.bx4 .tel{font-size:2.6em;}
	.sec03_bx.bx4 ul{font-size:0.9em}
}
@media all and (max-width:1270px) {
	.sec03_bx:before{padding-top:330px;}
}
@media all and (max-width:1200px) {
	.sec03_bx.bx1{display:none;}
	.sec03_bx{width:33.3%;}
	.sns_box { width: 33.3%; }
}
@media all and (max-width:950px) {
	.sec03_bx{width:50%;}
	.sns_box { width: 50%; }
	.sec03_box_wrap{ display: flex; flex-wrap: wrap; }
	.sec03_bx:before{padding-top:335px;}
	.sec03_bx.bx1{display:block;}
	.sec03_bx.bx3{background-size:auto 100%;}
	.sec03_bx.bx4 li span{width:55px; margin-right:15px;}
	.sec03_bx.bx4 li b{width:calc(100% - 70px);}
	
	.sec03_bx.bx5{background-size:auto 100%;}
}
@media all and (max-width:600px) {
	.sns_box { display: none; }
	.sec03_bx{width:100%;}
	.sec03_bx:before{display:none;}
	.sec03_bx .in{position:static; padding:30px 10px 10px;}
	
	.sec03_bx.bx1 .in{padding:30px 10px 6em;}
	.sec03_bx.bx1 .bg{background-size:cover; background-color:#D8E4E9 !important}

	.sec03_bx.bx3{display:none;}
	.sec03_bx.bx3.mo{display:block; background:#2EC149; text-align:Center; width:100%;}
	
	.sec03_bx.bx5{display:none;}
	.sec03_bx.bx5.mo{display:block;  background: rgb(249,190,115);
background: linear-gradient(38deg, rgba(249,190,115,1) 0%, rgba(222,86,107,1) 52%, rgba(144,92,166,1) 100%);  text-align:Center; width:100%;}
}

@media all and (max-width:550px) {
	.sec03_wrap{padding:0;}
}