/* 헤더, 푸터, 서브팝업 inc.css 파일수정 */


/* 메인슬라이더 영역 */

.visual{
    width: 100%; 
    min-width: 1100px; 
    position: relative;
}

.visual li{
    width: 100%; 
    height: 600px;
}

.visual li a{
    display: block; 
    width: 100%; 
    height: 600px;
}

.visual .visual0 a{background: url(../images/banner0.jpg) no-repeat center 0;}

.visual .visual1 a{background: url(../images/banner1.jpg) no-repeat center 0;}

.visual .visual2 a{background: url(../images/banner2.jpg) no-repeat center 0;}

.visual .visual3 a{background: url(../images/banner3.jpg) no-repeat center 0;}



/*bxslider 사용시 공통적으로 작성되는 클래스 이름(visual) 를 사용시 아래와 같이 페이저를 만들어줘야 적용이 가능함.)*/

.visual .bx-pager{
    position: absolute; 
    bottom: 20px; 
    left: 50%; 
    transform: translateX(-50%);
} 
/*=> 페이져버튼 전체를 묶어주는 div태그, ex) .pager*/

.visual .bx-pager div{
    float: left; 
    margin: 0 5px;
} 
/*=> 페이져버튼 하나하나를 담고있는 div태그, 페이저 한개, 동그라미 페이저 한개(li)
ex) .pager li */


.visual .bx-pager div a{
    display: block; 
    width: 40px; 
    height: 7px; 
    background: rgba(255, 255, 255, 0.4); 
    text-indent: -9999px;
} 
/*=> 실제 페이져 버튼의 모양을 나타낼 a태그
ex) .pager li a */


.visual .bx-pager div .active{background: #44bdcd;} 
/*=> 활성화 상태를 나타낼 a태그, ex) .pager li .on*/

.visual .bx-controls-direction{
    position: absolute; 
    left: 50%; 
    top: 50%; 
    margin-top: -34.5px;
    margin-left: -600px;
    width: 1200px;
} 
/*=> 좌우버튼을 묶어두는 div태그, ex) .sliderBtn*/


.visual .bx-controls-direction a{
    display: block; 
    text-indent: -9999px; 
    width: 35px;
    height: 69px;
}
/*=> 좌우버튼을 묶어두는 div태그 안의 a태그, ex) .sliderBtn a*/


.visual .bx-controls-direction .bx-prev{
    background: url(../images/img_slide_prev.png) no-repeat; 
    position: absolute; 
    left: 0;
} 
/*=> 왼쪽버튼을 나타내는 a태그, ex) .sliderBtn .btnL(prev)*/

.visual .bx-controls-direction .bx-next{
    background: url(../images/img_slide_next.png) no-repeat; 
    position: absolute; 
    right: 0;
} 
/*=> 오른쪽버튼을 나타내는 a태그, ex) .sliderBtn .btnR(next)*/

.visual .bx-controls-auto{
    position: absolute; 
    bottom: 20px; 
    left: 20px;
} 
/*=> 재생버튼을 묶어두는 div태그, ex) .btn*/

.visual .bx-controls-auto a{
    display: block; 
    text-indent: -9999px;
    width: 23px; 
    height: 25px; 
    background: url(img/bx-controls-auto_sprite.png) no-repeat;
} 
/*=> 재생버튼을 묶어두는 div태그 안에 a태그, ex) .btn a*/

.visual .bx-controls-auto .bx-stop{background-position: 0 -25px;} 
/*=> 멈춤버튼을 나타내는 a태그, ex) .btn .stop*/




#clinic{
    width:100%;
    height:670px;
}
#clinic .in_box{
    width:1200px;
    height:670px;
    margin:0 auto;
}
#clinic .in_box .clinic1{
    float:left;
    width:595px;
    height:270px;
    background:url(../images/clinic1.png);
    margin:60px 10px 0 0;
    transition:0.3s;
    cursor:pointer;
}
#clinic .in_box .clinic1 > a > img:first-child{
    opacity:0;
    transition:0.3s;
}
#clinic .in_box .clinic1:hover > a > img{
    opacity:1;
    transition:0.5s;
}
#clinic .in_box .clinic2{
    float:left;
    width:292.5px;
    height:270px;
    background:url(../images/clinic2.png);
    margin:60px 10px 0 0;
    transition:0.3s;
    cursor:pointer;
}
#clinic .in_box .clinic2 > a > img:first-child{
    opacity:0;
    transition:0.3s;
}
#clinic .in_box .clinic2:hover > a > img{
    opacity:1;
    transition:0.5s;
}
#clinic .in_box .clinic3{
    float:left;
    width:292.5px;
    height:270px;
    background:url(../images/clinic3.png);
    transition:0.3s;
    cursor:pointer;
    margin-top:60px;
}
#clinic .in_box .clinic3 > a > img:first-child{
    opacity:0;
    transition:0.3s;
}
#clinic .in_box .clinic3:hover > a > img{
    opacity:1;
    transition:0.5s;
}
#clinic .in_box .clinic4{
    float:left;
    width:292.5px;
    height:270px;
    background:url(../images/clinic4.png);
    margin:10px 10px 0 0;
    transition:0.3s;
    cursor:pointer;
}
#clinic .in_box .clinic4 > a > img:first-child{
    opacity:0;
    transition:0.3s;
}
#clinic .in_box .clinic4:hover > a > img{
    opacity:1;
    transition:0.5s;
}
#clinic .in_box .clinic5{
    float:left;
    width:292.5px;
    height:270px;
    background:url(../images/clinic5.png);
    margin:10px 10px 0 0;
    transition:0.3s;
    cursor:pointer;
}
#clinic .in_box .clinic5 > a > img:first-child{
    opacity:0;
    transition:0.3s;
}
#clinic .in_box .clinic5:hover > a > img{
    opacity:1;
    transition:0.5s;
}
#clinic .in_box .clinic6{
    float:left;
    width:292.5px;
    height:270px;
    background:url(../images/clinic6.png);
    margin:10px 0 0 0;
    transition:0.3s;
    cursor:pointer;
}
#clinic .in_box .clinic6 > a > img:first-child{
    opacity:0;
    transition:0.3s;
}
#clinic .in_box .clinic6:hover > a > img{
    opacity:1;
    transition:0.5s;
}
#clinic .in_box .clinic7{
    float:left;
    width:292.5px;
    height:270px;
    background:url(../images/clinic7.png);
    margin:10px 0 0 10px;
    transition:0.3s;
    cursor:pointer;
}
#clinic .in_box .clinic7 > a > img:first-child{
    opacity:0;
    transition:0.3s;
}
#clinic .in_box .clinic7:hover > a > img{
    opacity:1;
    transition:0.5s;
}




/* 메인 의사소개 */

#doctor{
    width:100%;
    height:490px;
    background:url(../images/doc_bg.jpg) no-repeat center 0/cover;
    padding-top:50px;
}
#doctor .d_inbox{
    width:1200px;
    margin:0 auto;
    
}
#doctor .d_logo{
    width:100%;
    height:60px;
    margin:0 0 20px 0;
}
#doctor .d_txt{
    width:1200px;
    height:350px;
    background-color:#fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.32);
}
#doctor .d_txt > img{
    float:left;
}
#doctor .d_txt .d_left{
    float:left;
    width:375px;
    height:350px;
}
#doctor .d_txt .d_left > h4{
    font-weight:500;
    font-size:16px;
    color:#474747;
    float:left;
    text-align: right;
    margin:30px 20px 0 50px;
    line-height:22px;
}
#doctor .d_txt .d_left > h3{
    font-size:40px;
    color:#474747;
    font-weight:900;
    margin-top:30px;
    margin-bottom:20px;
}
#doctor .d_txt .d_left > p{
    margin-top:20px;
    font-size:16px;
    color:#474747;
    margin-left:50px;
    font-weight:500;
}
#doctor .d_txt .d_right{
    float:left;
    width:375px;
    height:350px;
    font-size:16px;
    color:#474747;
    padding-top:25px;
}
#doctor .d_txt .d_right > p{
    line-height:25px;
    margin-top:12px;
    font-weight:500;
}






/* 게시판영역 */

#notice{
    width:100%;
    height:270px;
    padding: 60px 0;
    background:url(../images/notice_bg.jpg) 50% 0 no-repeat;
}

#notice .inner{
    width: 1000px;
    margin: 0 auto;
}

#notice .inner .board{
    float:left;
    width:600px;
    height: 200px;
    padding: 30px;
    border:1px solid #ebebeb;
	background: rgba(255, 255, 255, 0.6);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    margin-right: 20px;
}

#notice .inner .board > div{
    border-bottom:1px solid #cccccc;
    position: relative;
    margin-bottom: 20px;
}

#notice .inner .board > div > h4{
    font-size:30px;
    font-weight:bolder;
    color:#474747;
    margin-bottom: 5px;
}
#notice .inner .board > div > p{
    font-size:15px;
    color:#474747;
    margin-bottom: 5px;
}
#notice .inner .board > div > .more_btn{
    position: absolute;
    right: 0;
    top: 32px;
    width:70px;
    height:25px;
    background-color:#6f6f6f;
    line-height:25px;
    text-align:center;
    transition:0.3s;
}
#notice .inner .board > div > .more_btn:hover{
    background-color:#333;
    transition:0.5s;
}
#notice .inner .board > div > .more_btn > a{
    display: block;
    color:#fff;
    font-size:14px;
    font-weight:500;
}


#notice .inner .board ul li{
    width: 100%;
    font-size:14px;
    margin-bottom: 10px;
}

#notice .inner .board ul li p{
    float: left;
}

#notice .inner .board ul li span{
    float: right;
	color: #c38338;
}


#notice .inner .sns{
    float:left;
}

#notice .inner .sns a{
    display: block;
    margin-bottom: 11px;
}




#site{
    width:100%;
    height:500px;
    background:url(../images/site.jpg) 50% 0 no-repeat;
}


/* 메인페이지 우측메뉴 */

.rightMenu{
	position: absolute;
	right: 160px;
	top: 950px;
}

.Fixed{
	position: fixed;
	right: 160px;
	top: 50%;
	margin-top: -120px;
}

/* 메인페이지 팝업css */

.Popup{
	position: fixed;
	top: 70px;
	right: 15%;
	z-index: 800;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.69);
	width:500px;
	/* transform: translateX(-50%); */
}
.Popup > img{width:500px;}

.Popup .pBtn{
	position: absolute;
	top: 7px;
	right: 7px;
	cursor: pointer;
}

.Popup .pBtn:hover{
	opacity: 0.7;
}


/* 메인페이지 팝업2css */

.Popup2{
	position: fixed;
	top: 60px;
	left: 50%;
	margin-left: -290px;
	z-index: 800;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.69);
}

.Popup2 .pBtn2{
	position: absolute;
	top: 5px;
	right: 5px;
	cursor: pointer;
}

.Popup2 .pBtn2:hover{
	opacity: 0.7;
}