@charset "utf-8"; 

/*
 * --------------------------------------------------------------------------
 * descript : 레이아웃
 * --------------------------------------------------------------------------
 * version	: 2.0.0
 * author	: Yoodaekyung
 * update	: 2018.08.17
 * email	: eorud0818@naver.com
 * --------------------------------------------------------------------------
 */

 /*
 * ==========================================================================
 * Table of Contents 
 * ==========================================================================
 * 1.0 - 전체 프로젝트에 필요한 클래스(#wrap, .inner, .full, #main-container, #sub-container 등)
 * 2.0 - 해더
 * 3.0 - 서브 비주얼
 * 4.0 - 페이지 네비게이션
 * 5.0 - 풋터
 * 6.0 - 공통(진료시간, 고객센터, 오시는길)
 * --------------------------------------------------------------------------
 */

#quick_model_banner {position:fixed; right:-30px; bottom:20px; z-index:999;}

#quick_model_banner a img{
	width: 80%; 
}



/* --------------------------------------------------------------------------
   1.0 전체 프로젝트에 필요한 클래스(#wrap, .inner, .full, #main-container, #sub-container 등)
   -------------------------------------------------------------------------- */
body{font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}

#wrap{position:relative; width:100%; min-width:1400px; font-size:14px; line-height:1; overflow-x:hidden;}

#main-container{min-height:800px;}
#sub-container{min-height:800px; padding-top:162px;}


.full{position:relative; width:100%; height:inherit; box-sizing:border-box;}
.inner{position:relative; width:100%; height:inherit; margin:0 auto;  box-sizing:border-box; padding:60px 0; max-width:1200px; }
.automation{position:relative; width:100%; height:inherit; box-sizing:border-box; text-align:center;}

a:hover{text-decoration:none;}
*::before{position:absolute; display:none; content:'';}
*::after{position:absolute; display:none; content:'';}

#membership{margin:50px 0;}

/* Pretendard 폰트 import */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard.css");
/* --------------------------------------------------------------------------
   2.0 해더
   -------------------------------------------------------------------------- */
#header{
font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
position:fixed; 
width:100%; min-width:1400px;
left:0; top:0;
z-index:100; 
background:transparent; 
box-shadow:0 0 30px rgba(0,0,0,0);
-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
#header.fixed{
top:-100px; 
box-shadow:0 0 30px rgba(0,0,0,0.2);   
font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}

/* 로고 */
#header #logo{position:absolute; display:inline-block; left:50%; top:0; line-height:inherit; transform:translate(-50%, 0);}

#header .header-group{height:100px; line-height:100px; padding:0; width:1400px;}

#logo a{
	width:200px;
	height:100px;
	display:block;
	background:url(/assets/img/common/theme/logo_w.png) no-repeat;
	background-position: center;
}

#header:hover #logo a{
	background:url(/assets/img/common/theme/logo.png) no-repeat;
	background-position: center;
}

/* GNB */
#header nav.pc{
	height: 60px;
    width: 100%;
    background: transparent;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
}


#header:hover{
	background-color:#fff;
}



	#header nav.pc .gnb{
		height: 100%;
		display: flex;
		align-items: center;
		gap: 50px;
        justify-content: center;
        padding: 0;
	}
	#header nav.pc .gnb > li{
		height: 100%;
		font-size: 1.25rem;
		font-weight: 500;
		color: #000;
		transition: 0.3s;
		position:relative;

		
	}

			

		


	#header.sub{
		background-color:#fff;
	}

	#header.sub #logo a{
	background:url(/assets/img/common/theme/logo.png) no-repeat;
	background-position: center;
	}

	#header.sub nav.pc .gnb > li >  a{
		color:#000;
	}

		#header.sub .lineup-member a{
			color:#000;
		}




	#header nav.pc .gnb > li >  a{
		display: block;
        height: 60px;
        box-sizing: border-box;
		line-height: 60px;
		    color: #fff;
	}

		#header:hover  nav.pc .gnb > li >  a{
		 color: #000;
		}

#header nav.mb{
	display: none;
}

#header.fixed  nav.pc{
	background:#fff;
}

#header.fixed nav.pc .gnb > li > a{
	color:#000;
}

#header.fixed .subMenu{
	top: 62px;
}


/* 서브메뉴 스타일 submenu */

.subMenu{
	position: fixed;
	top: 162px; left: 0;
    padding:0;
	width: 100%; 
    background-color: #fff;
	z-index: 500;
	display: none;

}

.pc .gnb>li.show .subMenu {
    display: block;
}

	.subMenu .menu{
		display: flex;
    align-items: center;
		width: 100%; height: 100%;
		

		/* position: absolute; top: 0; left: 0; */


	}

a{
color:#000;
}

	.subMenu .menu .m_left{
		width: 22%; height: 100%;
		 background-color: #fff; 
		display: flex;
		flex-direction: column;
		justify-content: center;

		box-sizing: border-box;

		padding-left: 6%;
        position: relative;
	}


    .subMenu .menu .m_left::after{
        content: "";
        position: absolute;
        width: 1px;
        height: 85%;
        background:#ededed;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
		z-index:600;
		display:block;
    }

		.subMenu .menu .m_left h3{
			font-size: 2.25rem;
			font-weight: 700;
			word-break: keep-all;
            margin: 0;
			color: #333;
		}

		.subMenu .menu .m_left p{
			margin-top: 40px;
            margin-bottom: 0;
			font-size: 1rem;
			word-break: keep-all;
			color: #666;
    line-height: 1.5;
		}

	.subMenu .menu .m_right{
		width: 75%; 
		background: #fff url(/assets/img/common/theme/nav_bg.png) no-repeat;
        background-position: right 40px;
        background-size: 25%;

		background-position: right bottom;

		box-sizing: border-box;
		padding: 30px 353px 30px 0;
	}
    .subMenu .menu .m_right .menu_list{
        display: flex;
        flex-wrap: wrap;
        padding: 0;
    }
    .subMenu .menu .m_right .menu_list>li{
        width: 33%;
        border-right: 1px solid #ededed;
    }
    .subMenu .menu .m_right .menu_list li a{
        width: 100%;
        height: auto;
        display: block;
        text-align: center;
        position: relative;
    }
    .subMenu .menu .m_right .menu_list li a span{
        display: block;
        padding-bottom: 20px;
        width: fit-content;
        margin: 0 auto;
		color: #666;
		font-weight: 500;
    }

    .subMenu .menu .m_right .menu_list>li:nth-child(4), .subMenu .menu .m_right .menu_list>li:nth-child(5), .subMenu .menu .m_right .menu_list>li:nth-child(6){
        margin-top:60px;
    }
    .subMenu .menu .m_right .menu_list li a img{
        margin-bottom: 30px;
        width: 25%;
        height: auto;
        filter: grayscale(1);
    }

    .subMenu .menu .m_right .menu_list li:hover a img{
        filter: none;
    }
    
    .subMenu .menu .m_right .menu_list li a span::before{
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 40%;
        height: 3px;
        background: #666;
        transform: translateX(-50%);
		z-index:600;
		display:block;
    }

    .subMenu .menu .m_right .menu_list li:hover a span::before{
        background: #ff3e62;
    }

    .subMenu .menu .m_right .menu_list .third_menu{
        margin-top: 20px;
        padding: 0;
    }
        .subMenu .menu .m_right .menu_list .third_menu li a{
            display: block;
            padding: 7px 0;
            width: 100%;
            font-size: 0.9rem;
            color: #666;
            
        }

        .subMenu .menu .m_right .menu_list .third_menu li:first-child a{
            padding-top: 0;
        }

        .subMenu .menu .m_right .menu_list .third_menu li:hover a{
            color: #ff3e62;
            font-weight: 700;
        }

       

        .subMenu .menu .m_right .menu_list li:hover a span{
            color: #ff3e62;
            font-weight: 700;
        }

        #header nav.pc .gnb > li:hover > a{
            color: #ff3e62;
            font-weight: 700;
		border-bottom: 2px solid #ff3e62;
		box-sizing: border-box;
        }


.lineup-member{
position: absolute;
    right: 0;
}

.lineup-member a{
	color:white;
	padding:0 15px;
}

#header:hover .lineup-member a{
	color:#000
}

#header .lineup-member a:hover {
	color:#ff3e62;
}

#header.sub .lineup-member a:{
	color:#000;
}

/* 다국어 버튼 */
#translation{position:absolute; left:0; top:40px;}
#translation button{position:relative; display:inline-block; width:33px; height:20px; float:left; margin-right:20px; cursor:pointer;}
#translation button:last-child{margin-right:0;}
#translation button::after{display:inline-block; content:'/'; right:-13px; top:3px; color:#ddd;}
#translation button:last-child::after{display:none;}

#translation button.kor{background:url(/assets/img/common/theme/country01.jpg) no-repeat center center;}
#translation button.eng{background:url(/assets/img/common/theme/country02.jpg) no-repeat center center;}
#translation button.chn{background:url(/assets/img/common/theme/country03.jpg) no-repeat center center;}
#translation button.mng{background:url(/assets/img/common/theme/country04.jpg) no-repeat center center;}
#translation button.rus{background:url(/assets/img/common/theme/country05.jpg) no-repeat center center;}

/* --------------------------------------------------------------------------
   3.0 서브 비주얼
   -------------------------------------------------------------------------- */

#sub-nav{height:80px; color:#111;}
#sub-nav .inner {padding:0;}
#sub-nav h2{font-size:24px; font-weight:100; line-height:80px; text-align:center;}
#sub-nav a{position:absolute; font-size:15px; color:#555; line-height:40px;}
#sub-nav a.prev-page{left:0; top:50%; transform:translate(0, -50%); -webkit-transform:translate(0, -50%); padding-left:50px;}
#sub-nav a.prev-page::before{display:inline-block; width:40px; height:40px; border:1px solid #cfcfcf; left:0; top:0; background:#fff url(/assets/img/common/theme/btn_prev.png) no-repeat center center;}
#sub-nav a.next-page{right:0; top:50%; transform:translate(0, -50%); -webkit-transform:translate(0, -50%); padding-right:50px; }
#sub-nav a.next-page::before{display:inline-block; width:40px; height:40px; border:1px solid #cfcfcf; right:0; top:0; background:#fff url(/assets/img/common/theme/btn_next.png) no-repeat center center;}



#sub-visual{position:relative; height:500px; background-position:center center; background-repeat:no-repeat;}
#sub-visual .inner{height:inherit;}

/* 1차 메뉴 */
/* #sub-visual[data-menu-1st=""]{background-image:url(/assets/img/common/theme/visual_bg_02_01.jpg);} */
#sub-visual[data-menu-1st="자신있는 전/후 사진"]{height:300px; background-image:url(/assets/img/web/sub/theme/visual_bg_07_01.jpg);}
#sub-visual[data-menu-1st="온라인 상담"]{background-image:url(/assets/img/web/sub/theme/visual_bg_08_01.jpg);}
#sub-visual[data-menu-1st="라인업소식"]{height:300px; background-image:url(/assets/img/web/sub/theme/visual_bg_09_01.jpg);}
#sub-visual[data-menu-1st="상담/예약"]{height:300px; background-image:url(/assets/img/web/sub/theme/visual_bg_09_01.jpg);}
#sub-visual[data-menu-1st="자신있는 시술전/후"]{height:300px; background-image:url(/assets/img/web/sub/theme/visual_bg_09_01.jpg);}
#sub-visual[data-menu-1st="멤버쉽"]{height:300px; background-image:url(/assets/img/web/sub/theme/visual_bg_09_01.jpg);}

/* 2차 메뉴 */
#sub-visual[data-menu-2nd="진료철학"]{background-image:url(/assets/img/web/sub/theme/visual_bg_0813.jpg);}
#sub-visual[data-menu-2nd="의료진소개"]{background-image:url(/assets/img/web/sub/theme/visual_bg_01_02.jpg);}
#sub-visual[data-menu-2nd="병원소개"]{background-image:url(/assets/img/web/sub/theme/visual_bg_01_03.jpg);}
#sub-visual[data-menu-2nd="찾아오시는 길"]{background-image:url(/assets/img/web/sub/theme/visual_bg_01_04.jpg);}

#sub-visual[data-name="라인업 턱얼굴수술"]{background-image:url(/assets/img/web/sub/theme/visual_bg_02_01.jpg);}
#sub-visual[data-name="선수술 VS 선교정"]{background-image:url(/assets/img/web/sub/theme/visual_bg_02_02.jpg);}
#sub-visual[data-name="페이스 가이드 디지털 양악수술"]{background-image:url(/assets/img/web/sub/theme/visual_bg_02_05.jpg);}

/* #sub-visual[data-menu-2nd="페이스 가이드 디지털 양악수술"]{background-image:url(/assets/img/web/sub/theme/visual_bg_02_05.jpg);} */

#sub-visual[data-menu-2nd="양악수술"]{background-image:url(/assets/img/web/sub/theme/visual_bg_02_03.jpg);}
#sub-visual[data-menu-2nd="안면윤곽"]{background-image:url(/assets/img/web/sub/theme/visual_bg_02_04.jpg);}


#sub-visual[data-menu-2nd="라인업, 치아교정"]{background-image:url(/assets/img/web/sub/theme/visual_bg_03_01_1.jpg);}
#sub-visual[data-menu-2nd="증상별"]{background-image:url(/assets/img/web/sub/theme/visual_bg_03_02.jpg);}
#sub-visual[data-menu-2nd="장치별"]{background-image:url(/assets/img/web/sub/theme/visual_bg_03_03.jpg);}

#sub-visual[data-menu-2nd="라인업 임플란트"]{background-image:url(/assets/img/web/sub/theme/visual_bg_04_01.jpg);}
#sub-visual[data-menu-2nd="뼈이식 임플란트"]{background-image:url(/assets/img/web/sub/theme/visual_bg_04_02.jpg);}
#sub-visual[data-menu-2nd="원데이 임플란트"]{background-image:url(/assets/img/web/sub/theme/visual_bg_04_03.jpg);}
#sub-visual[data-menu-2nd="UV 임플란트"]{background-image:url(/assets/img/web/sub/theme/visual_bg_04_04.jpg);}
#sub-visual[data-menu-2nd="재수술 임플란트"]{background-image:url(/assets/img/web/sub/theme/visual_bg_04_05.jpg);}
#sub-visual[data-menu-2nd="고난도 임플란트"]{background-image:url(/assets/img/web/sub/theme/visual_bg_04_06.jpg);}

#sub-visual[data-menu-2nd="충치치료"]{background-image:url(/assets/img/web/sub/theme/visual_bg_05_01.jpg);}
#sub-visual[data-menu-2nd="치주질환"]{background-image:url(/assets/img/web/sub/theme/visual_bg_05_02.jpg);}
#sub-visual[data-menu-2nd="사랑니발치"]{background-image:url(/assets/img/web/sub/theme/visual_bg_05_03.jpg);}
#sub-visual[data-menu-2nd="치아미백"]{background-image:url(/assets/img/web/sub/theme/visual_bg_05_04.jpg);}
#sub-visual[data-menu-2nd="치아성형"]{background-image:url(/assets/img/web/sub/theme/visual_bg_05_05.jpg);}
#sub-visual[data-menu-2nd="턱관절장애"]{background-image:url(/assets/img/web/sub/theme/visual_bg_05_06.jpg);}

#sub-visual[data-menu-2nd="라인업, 구강관리"]{background-image:url(/assets/img/web/sub/theme/visual_bg_06_01.jpg);}

#sub-visual[data-menu-2nd="자신있는 전/후 사진"]{background-image:url(/assets/img/web/sub/theme/visual_bg_07_01.jpg);}
#sub-visual[data-menu-2nd="온라인 상담"]{background-image:url(/assets/img/web/sub/theme/visual_bg_08_01.jpg);}
#sub-visual[data-menu-2nd="라인업소식"]{background-image:url(/assets/img/web/sub/theme/visual_bg_09_01.jpg);}



.pink {color:#ff3e62;}
#sub-visual .txt-group{position:absolute; width:600px; display:inline-block; left:0; top:50%; transform:translate(0, -50%); -webkit-transform:translate(0, -50%); color:#111; text-align:center;}
#sub-visual .txt-group.white {color:#fff;}
#sub-visual .txt-group.white p {color:#fff;}
#sub-visual .txt-group span.bar{display:block; width:1px; height:60px; background:#111; margin:20px auto;}
#sub-visual .txt-group.white span.bar{background:#fff;}

#sub-visual .txt-group p{font-size:22px; font-weight:100; line-height:1.35em;}
#sub-visual .txt-group p em{font-weight:700;}

#sub-visual .txt-group p.txt-large{font-size:48px; line-height:1em;}
#sub-visual .txt-group p.txt-dental{font-size:15px; font-weight:700; color:#a7aec0; letter-spacing:5px; margin-top:10px;} /* 디자인 시안의 arial 폰트는 유료폰트로 사용할 수 없습니다. */

.sub-title{font-size:44px; font-weight:700; color:#111; text-align:center; padding:50px 0;}


/*컨텐츠 하단 바로가기 버튼*/
.common-quick-btn{background:#fff; text-align:center;}
.common-quick-btn ul {display:inline-block; overflow:hidden;}
.common-quick-btn ul li{position:relative; float:left; width:380px; height:160px; border:10px solid #ffc5c5; box-sizing:border-box; text-align:left; margin:0 10px; padding:40px 0 0 100px;}
.common-quick-btn ul li::before{display:inline-block; content:'보러가기'; width:150px; height:25px; line-height:25px; font-size:16px; color:#bbb; background:url(/assets/img/web/sub/theme/quick_arrow.png) no-repeat right center; left:100px; top:80px;}
.common-quick-btn ul li a{display:block; width:100%; height:100%; font-size:26px; color:#111; font-weight:100; letter-spacing:-2px;}
.common-quick-btn ul li a em{font-weight:700;}

.common-quick-btn ul li.quick-img-01{background:url(/assets/img/web/sub/theme/quick_img_01.png) no-repeat left center;} 
.common-quick-btn ul li.quick-img-02{background:url(/assets/img/web/sub/theme/quick_img_02.png) no-repeat left center;}
.common-quick-btn ul li.quick-img-03{background:url(/assets/img/web/sub/theme/quick_img_03.png) no-repeat left center;}
.common-quick-btn ul li.quick-img-04{background:url(/assets/img/web/sub/theme/quick_img_04.png) no-repeat left center;}
.common-quick-btn ul li.quick-img-05{background:url(/assets/img/web/sub/theme/quick_img_05.png) no-repeat left center;} 
.common-quick-btn ul li.quick-img-06{background:url(/assets/img/web/sub/theme/quick_img_06.png) no-repeat left center;}
.common-quick-btn ul li.quick-img-07{background:url(/assets/img/web/sub/theme/quick_img_07.png) no-repeat left center;}
.common-quick-btn ul li.quick-img-08{background:url(/assets/img/web/sub/theme/quick_img_08.png) no-repeat left center;}
.common-quick-btn ul li.quick-img-09{background:url(/assets/img/web/sub/theme/quick_img_09.png) no-repeat left center;}

/*전후사진*/
.b_a{text-align:center;}
.b_a.grid{display:inline-block; width:auto; padding:0 20px;}
.b_a .item{position:relative; float:left; margin:0 10px;}
.b_a .item span.before{left:15px; top:15px;}
.b_a .item span.after{left:15px; top:15px;}
.ba_more {display:block; width:160px; padding:15px; border:1px solid #ff3e62; color:#ff3e62; font-size:16px; text-align:center; margin:30px auto 0;}
.ba_more:hover {background:#ff3e62; color:#fff; transition:0.3s; }
/* --------------------------------------------------------------------------
   4.0 페이지 네비게이션
   -------------------------------------------------------------------------- */
#breadcrumb{position:relative; width:100%; text-align:right; color:#464646; padding:20px 0; font-size:14px; line-height:22px;}
#breadcrumb svg{font-size:12px;}
#breadcrumb strong{font-weight:700;}


/* --------------------------------------------------------------------------
   5.0 풋터
   -------------------------------------------------------------------------- */
#footer{width:100%; background:#4a4a4a;}
#footer .f_wrap{
    width: 1400px;
    margin: 0 auto;
}

#footer .fnb{
    height:50px; 
    line-height:50px;
    border-bottom: 1px solid #ededed;
}
#footer .fnb ul{display: flex;}
#footer .fnb li{color:#ddd;}
#footer .fnb li a{
    color:#ddd;
    padding-right: 15px;
    margin-left: 15px;
}
#footer .fnb li:hover a{color:#ff3e62;}

#footer .fnb li:first-child a{
    margin-left: 0px;
}

#footer .footer-info{
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 30px 0 100px 0;
}

#footer .footer-info .f_left ul li{
    font-size: 0.9rem;
    color: #ddd;
    line-height: 1.5;
}

#footer .footer-info .f_left .copyright{
    font-size: 0.9rem;
    margin-top: 30px;
    color: #ddd;
   
}
#footer .footer-info .f_left .copyright a{
    color: #ff3e62;
}
#footer .footer-info .f_left .copyright a:hover{
    opacity: 0.8;
}






/* --------------------------------------------------------------------------
   6.0 공통영역
   -------------------------------------------------------------------------- */
#quick-footer{display:inline-block; width:100%; background:#f8f8f8 url(/assets/img/common/theme/quick_footer_bg.jpg) no-repeat center center; background-size:cover;}
#quick-footer .inner {overflow:hidden;}
#quick-footer h6{font-size:28px; margin-bottom:25px; font-weight:700; color:#111; letter-spacing:-1px;}

#quick-footer .information,
#quick-footer .quick-counsel{position:relative; float:left;}

#quick-footer .information{width:55%;}
#quick-footer .information a{display:block; font-size:36px; color:#111; letter-spacing:-2px;}
#quick-footer .information a em{font-weight:700; color:#ff3e62;}
#quick-footer .information table{text-align:left; font-size:16px; margin:15px 0;}
#quick-footer .information table caption{display:none;}
#quick-footer .information table th{font-weight:700; text-align:justify; width:80px; padding:5px 0;}
#quick-footer .information table td{padding:5px 0;}
#quick-footer .information p{font-size:16px; color:#111;}

#quick-footer .information ul{position:absolute; width:250px; height:250px; top:0; right:50px;}
#quick-footer .information ul li{float:left; width:50%; height:125px; text-align:center;}
#quick-footer .information ul li a{display:inline-block; width:110px; height:110px; border-radius:110px; box-sizing:border-box; padding-top:50px;}
#quick-footer .information ul li:hover a{}
#quick-footer .information ul li a span{font-size:15px;}

#quick-footer .information ul li.item01 a{background:#ff3e62 url(/assets/img/common/theme/information01.png) no-repeat center 20px; color:#fff;}	/* 오시는길 */
#quick-footer .information ul li.item02 a{background:#555555 url(/assets/img/common/theme/information02.png) no-repeat center 20px; color:#fff;}	/* 온라인상담 */
#quick-footer .information ul li.item03 a{background:#4db61a url(/assets/img/common/theme/information03.png) no-repeat center 20px; color:#fff;}	/* 네이버톡톡 */
#quick-footer .information ul li.item04 a{background:#ffd800 url(/assets/img/common/theme/information04.png) no-repeat center 20px;}				/* 카카오톡상담 */


#quick-footer .quick-counsel{ width:45%;}
#quick-footer .quick-counsel ul{float:left; width:50%; box-sizing:border-box;}
#quick-footer .quick-counsel ul.quick-counsel01{padding-right:20px; width:50%; }
#quick-footer .quick-counsel ul.quick-counsel01 li{position:relative; height:40px; padding-left:80px; margin:5px 0;}
#quick-footer .quick-counsel ul.quick-counsel01 li:last-child{padding-left:0;}
#quick-footer .quick-counsel ul.quick-counsel01 li > label{position:absolute; width:70px; font-weight:700; height:40px; line-height:40px; left:0; top:0; font-size:16px; color:#111;}
#quick-footer .quick-counsel ul.quick-counsel01 li > label[data-name="상담내용"]{display:none;}
#quick-footer .quick-counsel ul.quick-counsel01 li input[type="text"]{float:left; width:100%; height:40px; line-height:40px; background:#fff; border:1px solid #ddd; box-sizing:border-box; padding:0 5px;}
#quick-footer .quick-counsel ul.quick-counsel01 li input[data-name="고객명"]{}
#quick-footer .quick-counsel ul.quick-counsel01 li input[data-name="연락처1"]{width:33%;}
#quick-footer .quick-counsel ul.quick-counsel01 li input[data-name="연락처2"]{width:calc(34% - 10px); margin:0 5px;}
#quick-footer .quick-counsel ul.quick-counsel01 li input[data-name="연락처3"]{width:33%;}
#quick-footer .quick-counsel ul.quick-counsel01 li select[data-name="상담분야"]{float:left; width:100%; height:40px; line-height:40px; background:#fff; border:1px solid #ddd; box-sizing:border-box; padding:0 5px;}
#quick-footer .quick-counsel ul.quick-counsel01 li button{font-size:12px; cursor:pointer; color:#999;}

#quick-footer .quick-counsel ul.quick-counsel02{}
#quick-footer .quick-counsel ul.quick-counsel02 li{position:relative; display:inline-block; width:100%; margin:5px 0;}
#quick-footer .quick-counsel ul.quick-counsel02 li > label{display:none;}
#quick-footer .quick-counsel ul.quick-counsel02 li textarea[data-name="상담내용"]{float:left; width:100%; height:131px; line-height:40px; background:#fff; border:1px solid #ddd; box-sizing:border-box; padding:0 5px;}
#quick-footer .quick-counsel ul.quick-counsel02 li button[data-name="빠른상담신청"]{float:left; width:100%; font-size:15px; font-weight:700; height:40px; line-height:40px; color:#fff; background:#ff3e62; border:1px solid #ff3e62; box-sizing:border-box; padding:0 5px; cursor:pointer;}




/* --------------------------------------------------------------------------
   7.0 공통영역
   -------------------------------------------------------------------------- */
#quick-footer input[type="radio"],
#quick-footer input[type="checkbox"]{display:none;}

#quick-footer input[type="radio"] + label,
#quick-footer input[type="checkbox"] + label{font-size:12px; line-height:40px; position:relative; cursor:pointer; padding-left:30px;}

#quick-footer input[type="radio"] + label::before,
#quick-footer input[type="checkbox"] + label::before{position:absolute; content:""; display:inline-block; left:0; top:7px; background:#fff; border:1px solid #ddd; width:23px; height:23px; cursor:pointer;}

#quick-footer input[type="radio"]:checked + label:after,
#quick-footer input[type="checkbox"]:checked + label::after{position:absolute; content:""; display:inline-block; width:15px; height:15px; left:5px; top:12px; background:#ff3e62}



.lineup-tab{display:inline-block; width:100%; margin-top:50px;}
.lineup-tab .inner {padding:0;}
.lineup-tab.five li{width:20%;}
.lineup-tab.six li{width:16.6666666666%;}
.lineup-tab.seven li{width:14.28571428571429%;}
.lineup-tab.three li{width:33.3333333333%;}
.lineup-tab.four li{width:25%;}
.lineup-tab li{float:left; }
.lineup-tab li a{display:block; height:60px; line-height:60px; text-align:center; font-size:18px; color:#777; background:#efefef; border-right:1px solid #fff;}
.lineup-tab li:last-child a{border-right:0;}
.lineup-tab li.active a{background: linear-gradient( 125deg, #ff6979, #ff3e62); color:#fff; font-weight:700;}


.before-after-tab{display:block; width:100%; margin:30px auto 60px; max-width:1200px;}
.before-after-tab .inner {display:table; width:100%; padding:0;}
.before-after-tab.five li{width:20%;}
.before-after-tab.six li{width:16.6666666666%;}
.before-after-tab.seven li{width:14.28571428571429%;}
.before-after-tab.three li{width:33.3333333333%;}
.before-after-tab li{display:table-cell; width:1%;}
.before-after-tab li a{display:block; height:60px; line-height:60px; text-align:center; font-size:18px; color:#777; background:#efefef; border-right:1px solid #fff; border-bottom:1px solid #fff;}
/* .before-after-tab li:last-child a{border-right:0;} */
.before-after-tab li.active a{background: linear-gradient( 125deg, #ff6979, #ff3e62); color:#fff; font-weight:700;}



#lineup-quick{
    position:fixed; 
    right:3.2%; bottom:22%;
    z-index:99; 
    text-align:center;
    background-color: #ff3e62;
    border-radius: 60px;
    padding: 20px 0;

}
#lineup-quick a{display:block; color:#fff;}
#lineup-quick .lineup-member{position:relative; padding:15px 0; border-bottom:1px solid rgba(255,255,255,0.5);}
#lineup-quick .lineup-member::before{display:inline-block; width:4px; height:4px; border-radius:4px; background:#fff; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
#lineup-quick .lineup-member a{padding:15px 0; font-size:15px;}

#lineup-quick .lineup-quick a{
    padding:20px 10px; 
    background-repeat:no-repeat; 
    background-position:center 15px; 
    background-size:37px;
    display: flex;
    flex-direction: column;
    font-size: 0.9rem;
}
#lineup-quick .lineup-quick a img{
    width: 50%;
    margin: 0 auto 10px auto;
    opacity: 0.6;
}
#lineup-quick .lineup-quick a:hover img{
    opacity:1;
}
/* #lineup-quick .lineup-quick a.bg01{background-image:url(/assets/img/common/theme/lineup_quick01.png);}
#lineup-quick .lineup-quick a.bg02{background-image:url(/assets/img/common/theme/lineup_quick02.png);}
#lineup-quick .lineup-quick a.bg03{background-image:url(/assets/img/common/theme/lineup_quick03.png);}
#lineup-quick .lineup-quick a.bg04{background-image:url(/assets/img/common/theme/lineup_quick04.png);}
#lineup-quick .lineup-quick a.bg05{background-image:url(/assets/img/common/theme/lineup_quick05.png);} */

/* #lineup-quick .linup-sns a{padding:15px 0; font-size:14px; border-bottom:1px solid rgba(255,255,255,0.5);} */

/* #lineup-quick .lineup-call{border:1px solid red;}
#lineup-quick .lineup-call a{text-align:left; padding:25px 10px; font-size:18px; letter-spacing:-1px; font-weight:700;}
#lineup-quick .lineup-call a span{position:relative; display:block; margin:5px 0; font-size:32px;}
#lineup-quick .lineup-call a span::before{display:inline-block; width:6px; height:6px; border-radius:6px; background:#fff; right:5px; top:50%; transform:translate(0, -50%); -webkit-transform:translate(-50%, -50%);}
#lineup-quick .lineup-call a em{position:relative; display:block; margin-bottom:5px; font-size:32px; color:#fff391;}
#lineup-quick .lineup-call a em:nth-child(2)::before{display:inline-block; width:6px; height:6px; border-radius:6px; background:#fff; right:5px; top:50%; transform:translate(0, -50%); -webkit-transform:translate(-50%, -50%);} */

#lineup-quick a.top{
    display:block;
    width:60px; height:60px; 
    line-height:60px; border-radius:50%; 
    background:#fff; 
    margin: 0 auto;
    }

#lineup-quick a.top img{
    height: 25%;
    margin-top: -4px;
    margin-right: -2px;
}






select{background-image:url(/assets/img/common/theme/m_breadcrumb_down.png); background-size:13px; background-repeat:no-repeat; background-position:90% center; border:2px solid red;}







/*빠른상담메뉴 css - 230106*/

.contact_fixMenu{
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 61%;
    height: 85px;
    z-index: 999999;
    opacity: 1;
    transition: .3s;
    border-radius: 50px 50px 50px 0;
    background: #222;
}
.contact_fixMenu.scrollOn {
    opacity: 1;
}
.contact_fixMenu .menu_left{
    float: left;
    width: 75%;
    height: 100%;
    overflow: hidden;
    box-sizing: border-box;
    padding: 15px 0px 10px 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.contact_fixMenu .menu_left img{
    margin-right: 1vw;
    height: 80%;
}
.contact_fixMenu .menu_left > p{
    color: #fff;
    font-size: 1.125rem;
    margin-right: 18px;
}
.contact_fixMenu .menu_left form{
    display: flex;
}
.contact_fixMenu .menu_left form input{
    border-radius: 0;
    outline: 0;
    border: 0;
    width: 8.6vw;
    margin-right: 1vw;
    font-size: 0.875rem;
    color: #333;
    box-sizing: border-box;
    padding: 8px 15px;
    font-family: 'pretendard', sans-serif;
    background-color: #fff;
    border-radius: 20px;
}
.contact_fixMenu .menu_left form input::placeholder{
    color: #d1d1d1;
}
.contact_fixMenu .menu_left form input:last-of-type{
    margin-right: 0;
}
.contact_fixMenu .menu_left form .must_check {
    position: relative;
    width: 11vw;
    margin-left: 2vw;
}

.contact_fixMenu .menu_left form .must_check input {
    position: absolute;
    top: 4px;
    left: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 5;
    width: 20px;
    height: 20px;
}

.contact_fixMenu .menu_left form .must_check>i {
    display: block;
    background: url(/assets/img/web/main/theme/check.png) no-repeat left top;
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 5px;
    z-index: 3;
}
.contact_fixMenu .menu_left form .must_check>input:checked+i {
    background-position: left bottom;
}
.contact_fixMenu .menu_left form .must_check p{
    color: #fff;
    font-size: 0.8vw;
    font-weight: 500;
    margin-top: 6px;
    margin-left: 27px;
}
.contact_fixMenu .menu_left form .must_check p .color{
    font-size: 0.8vw;
    font-weight: 500;
    color: #fcc7d1;
    cursor: pointer;
}

.contact_fixMenu .menu_right{
    float: left;
    width: 25%;
    border-radius:50px;
    background: #ff3e62;
    height: 100%;
	cursor: pointer;
}
.contact_fixMenu .menu_right button{
    display: block;
    line-height: 85px;
    text-align: center;
    font-weight: 500;
    font-size: 1.5rem;
    color: #fff;
    margin: 0 auto;
	cursor:pointer;
}

/*메인 위치 및 진료시간 추가 css - 230111*/


#sec05{
	width:100%;
	display:flex;
	padding:0;
}

#sec05 .left{
	width:50%;
}





.root_daum_roughmap_landing{
    width: 100% !important;
    height: 100% !important;
}

.root_daum_roughmap .wrap_map{
    height: 100% !important;
}
.root_daum_roughmap .wrap_controllers{
    display: none;
}

.root_daum_roughmap{
    width: 100%;
    height: 100%;
}
.map_border{
    display: none;
}


#sec05 .right{
	background-color: #333;
	padding:120px 0 120px 30px;
    width: 50%;
	box-sizing:border-box;
	
}

#sec05 .right .info_tit{
	display:flex;
	color:#ff3e62;
	font-weight:600;
    font-size: 1.8rem;
    margin: 0;
    margin-bottom: 30px;
}

#sec05 .right .info_tit i{
	margin-right:20px;
    
}

#sec05 .right div ul{
    padding-left: 48px;
}

#sec05 .right div ul li{
    color: #fff !important;
    font-weight: 400;
	font-size:1.2rem;
}

#sec05 .right .time_box{
    display: flex;
    /* flex-wrap: wrap; */
	flex-direction:column;
	gap:20px;
}

#sec05 .right .time_box .time_information .time_table{
	display:flex;
	flex-flow:wrap;
	padding:0;
	width:100%;
}

#sec05 .right .time_box .time_information h3{
	color:#fff;
	font-size:1.5rem;
	padding:5px 15px;
	border-radius:30px;
	background-color:#ff3e62;
	margin-bottom:20px;
	font-weight:600;
	width:fit-content;
}

#sec05 .right .time_box ul{
    width: 50%;
    padding: 0;
    margin-bottom: 30px;
}
#sec05 .right .time_box ul:nth-child(1), #sec05 .right .time_box ul:nth-child(3){
    padding-left: 50px;
    box-sizing: border-box;
	width:45%;
}

#sec05 .right .time_box ul li{
    display: flex;
    margin-bottom: 10px;
	width:50%;
}
#sec05 .right .time_box ul li p:first-child{
    width: 18%;
    display: block;
}

#sec05 .right .time_box ul li span{
    margin-right: 20px;
}


#sec05 .right .time_box ul li p{
    margin-top: 0;
    margin-bottom: 0;
	color:white !important;
	font-size:1.2rem;
}

#sec05 .right ul{
    margin: 0;
    padding: 0;
}

#sec05 .right>div{
    margin-bottom: 50px;
}

#sec05 .right .ma_tel{
    margin-bottom: 0;
}

#sec05 .right .ma_tel ul li{
    font-size: 2.3rem;
    font-weight: 800;
}

#sec05 .right ul li p.red,
#sec05 .right .time_information p.red{
    color:#ff708a !important;
    font-size: 0.9rem;
}

#sec05 .right .time_information p.red{
	margin-bottom:10px;
}

.info_icn{
	width:2.5%;
	height:auto;
	object-fit: contain;
	margin-right:20px;
}

.ma_location .info_icn{
	width:2%;
}


#sec05 .time_box .opacity{
	opacity:0.7;
}

#sec05 .ma_tel ul li span{
	color:#ff708a;
}