@charset "utf-8";


#container {position:relative; z-index:0;}


/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:100%; height:600px; min-width:1100px; overflow:hidden;}
.main_visual .main_visual_slide { width:100%; left:0px;top:0px; height:600px; position:absolute;}
.main_visual .main_visual_slide li{background-repeat:no-repeat; background-position:center top; width:100%; height:600px;}
.main_visual .main_visual_slide li a{display:block; height:600px;}

.main_visual .main_visual_text {position:absolute; width:100%; color:#fff; z-index:2; font-family: 'Nanum Square';  text-shadow:0px 0px 8px rgba(0,0,0,0.3)}

.main_visual .main_visual_text .bg{position:absolute; left:0px; top:0px; width:100%; height:750px; background:rgba(0,0,0,0.2); z-index:0; }

.main_visual .main_visual_text .t1{font-size:40px; line-height:40px; font-weight:bold; position:relative; z-index:3; margin-top:40px; text-align:left; padding-left:5px; }
.main_visual .main_visual_text .t2{font-size:73px; line-height:60px; font-weight:bold; padding-top:15px; position:relative; z-index:3;  text-align:left;}


.main_visual .main_pager {position:absolute; left:0px; bottom:30px; width:100%;  z-index:99999999 !important;}
.main_visual .main_pager span{display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:13px; height:13px; margin:0 2px; border-radius:13px; background:#fff; }
.main_visual .main_pager .cycle-pager-active{background:#008ed1;}



/*비주얼 퀵박스*/
.main_visual .visual_quick_box {position:relative; z-index:999999;}
.main_visual .visual_quick_box_children  {position:absolute; left:0px; top:198px; width:340px; background:#fff; }
.main_visual .visual_quick_box_children .quick {overflow:hidden; }
.main_visual .visual_quick_box_children .quick li {float:left; width:50%; }
.main_visual .visual_quick_box_children .quick li a{display:block;background:#008ed1; height:123px; color:#fff; font-size:18px;}
.main_visual .visual_quick_box_children .quick li.last a{background:#5dcdf1; }
.main_visual .visual_quick_box_children .quick li a img {margin-top:15px;}

.main_visual .visual_quick_box_children .notice_box {position:relative; height:230px; padding:0 25px; text-align:left;}
.main_visual .visual_quick_box_children .notice_box h3{color:#000000; font-size:18px; padding:30px 0px 20px;}
.main_visual .visual_quick_box_children .notice_box li{padding-left:26px; line-height:26px; overflow:hidden; background:url(../images/main/visual_quick_box_dot.png) left 50% no-repeat; }
.main_visual .visual_quick_box_children .notice_box li a{display:block; font-size:14px; color:#777777;}

.main_visual .visual_quick_box_children .notice_box .more{position:absolute; right:24px; top:37px;}





/*메인 바로가기*/
.main_quick {overflow:hidden;  font-family: 'Nanum Square'; margin-top:20px;}
.main_quick li {float:left; width:25%; text-align:center; padding:30px 0;}
.main_quick li a {display:block;}
.main_quick li img {vertical-align:top; transition: all .2s;}
.main_quick li .txt {display:block; color:#fff; font-size:16px; font-weight:bold; margin-top:15px;}
.main_quick li .txt span{display:block; font-size:12px; color:rgba(255,255,255,0.9); font-weight:normal; }
.main_quick li:hover img {margin:-6px 0 6px;transition: all .2s;}


.main_quick li.m1 {background:#7c99b9;}
.main_quick li.m2 {background:#1c5da3;}
.main_quick li.m3 {background:#4b8ce0;}
.main_quick li.m4 {background:#3db5f3;}
.main_quick li.m5 {background:#95c8ff;}






/*메인소개*/
.main_intro {position:relative; overflow:hidden; padding-top:20px;}

/*메인배너*/
.main_intro .intro_box {position:relative; float:left; width:353px;}
.main_intro .intro_box .list {overflow:hidden; height:260px;}
.main_intro .intro_box .list img {vertical-align:top; width:100%; height:260px;}

.main_intro .pager_box {position:absolute; right:20px; top:15px; z-index:9999999 !important;}
.main_intro span {display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:12px; height:12px; margin:0 3px; border-radius:12px; background:#fff;}
.main_intro .cycle-pager-active {background:rgba(0,0,0,0.5);}


/*의료진소개*/
.doctor_intro {position:relative; float:left; margin-left:20px;}
.doctor_intro img {vertical-align:top;}


/*병원이용안내*/
.info_box {position:relative; float:left; margin-left:20px; width:304px; height:260px; padding:0 25px; background:#74a4dc;}

.info_box .tit {color:#000; font-size:21px; font-weight:bold; letter-spacing:-1px; padding:20px 0 0;}
.info_box .time {overflow:hidden; margin:20px 0 0; padding-left:64px; background:url(../images/main/info_box_time_bg.png) 5px top no-repeat;}
.info_box .time dl {color:#fff; font-size:15px; font-weight:600;}
.info_box .time dt {display:inline-block; width:60px;}
.info_box .time .explain {width:100%; font-weight:normal;}
.info_box .time dd {display:inline-block; width:160px;}

.info_box .call {height:40px; line-height:40px; margin:15px 0 0; color:#fff; padding:20px 0 0 64px; font-size:25px; font-weight:bold; border-top:1px solid #638cbb; background:url(../images/main/info_box_phone_bg.png) 5px 20px no-repeat;}
.info_box .call a {color:#fff;}


/*공지사항박스*/
.main_notice_box {margin:20px 0 60px;}
.main_notice_box .default_layout {overflow:hidden; width:1120px !important;}
/*.main_notice_box .col {position:relative; float:left; width:538px; margin:0 10px; height:230px; border:1px solid #d7d7d7;}*/
.main_notice_box .col {position:relative;  margin:0 10px; height:230px; border:1px solid #d7d7d7;}
.main_notice_box .col h3 {font-size:21px; color:#000; letter-spacing:-1px; padding:23px 0 0 30px;}
.main_notice_box .col .more {display:inline-block; margin-left:10px;}
.main_notice_box .col .more img {vertical-align:top;}


/*병원소식*/
.main_notice_box .notice .img {position:absolute; left:30px; top:75px;}

.main_notice_box .notice ul {overflow:hidden; padding:25px 30px 0 170px;position:relative;  height:150px;}
.main_notice_box .notice ul li {font-size:15px;}
.main_notice_box .notice ul li .photo {display:none;}
.main_notice_box .notice ul li.first_li .photo {position:absolute; left:30px; top:30px;displaY:block;}
.main_notice_box .notice ul li.first_li .photo img  {vertical-align:middle;}


.main_notice_box .notice ul li span {float:right; color:#999;}
.main_notice_box .notice ul li a {display:block; color:#555;}
.main_notice_box .notice ul li:hover {text-decoration:underline;}
.main_notice_box .notice ul li:hover a {color:#000;}
.main_notice_box .notice ul li:hover span {color:#000;}


/*병원 활동앨범*/
.main_notice_box .quick_link {overflow:hidden; display:none;}
.main_notice_box .quick_link li{float:left; width:25%;}
.main_notice_box .quick_link li a{display:block; height:115px; text-align:center; border-right:1pX #d7d7d7 solid; border-bottom:1pX #d7d7d7 solid;     transition: all 0.3s;}
.main_notice_box .quick_link li a span {transition: all 0.3s;}
.main_notice_box .quick_link li .icon {height:85px; line-height:85px;}
.main_notice_box .quick_link li .icon img  {vertical-align:middle;}
.main_notice_box .quick_link li.border-bottom a{border-bottom:0px;}
.main_notice_box .quick_link li.border-right a{border-right:0px;}
.main_notice_box .quick_link li a:hover{background:#f8f8f8; }
.main_notice_box .quick_link li a:hover span {background:#008ed1; color:#fff; display:inline-block; padding:0 10px; border-radius:30px;}