@charset "utf-8";
@import url("./width1024_default.css");


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


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

.main_visual .pager_box {position:absolute; z-index:99999999 !important; bottom:20px; width:100%; text-align:center;}
.main_visual .main_pager {text-align:center;}
.main_visual .main_pager span {display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:14px; height:14px; margin:0 6px; border-radius:14px; background:#aaa; box-shadow:2px 2px 2px inset;}
.main_visual .main_pager .cycle-pager-active {background:#a83141;}


/*메인 바로가기*/
.main_quick {overflow:hidden; border-bottom:1px solid #eee; }
.main_quick li {float:left; width:20%; 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:#60470a; font-size:18px; font-weight:bold; margin-top:7px; letter-spacing:-1px;}
.main_quick li:hover {background:#f4f3f0;}
.main_quick li:hover img {margin:-6px 0 6px;transition: all .2s;}


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

/*메인배너*/
.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;}


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


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

.notice_box .notice ul {overflow:hidden; padding:25px 30px 0 170px;}
.notice_box .notice ul li {position:relative; font-size:15px;}
.notice_box .notice ul li span {float:right; color:#999;}
.notice_box .notice ul li a {display:block; color:#555;}
.notice_box .notice ul li:hover {text-decoration:underline;}
.notice_box .notice ul li:hover a {color:#000;}
.notice_box .notice ul li:hover span {color:#000;}


/*병원 활동앨범*/
.notice_box .gallery ul {overflow:hidden; padding:25px 23px 0; text-align:center;}
.notice_box .gallery ul li {position:relative; display:inline-block; width:150px;  font-size:15px; text-align:center; margin:0 6px; vertical-align:top;}
.notice_box .gallery ul li span {float:right; color:#999;}
.notice_box .gallery ul li a {display:block; color:#555;}
.notice_box .gallery ul li .text {display:block; color:#555; overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis; padding:0 10px;}
.notice_box .gallery ul li:hover {text-decoration:underline;}
.notice_box .gallery ul li:hover a {color:#000;}