@charset "utf-8";

/******************** main_visual ********************/
/* main_visual */
#main_visual {text-align:center; line-height:0; background:#f9f9f9;}
.main_visual {display:inline-block; position:relative; overflow:hidden; width:100%; max-width:1720px; min-width:1280px; height:710px}
.main_picture {position:absolute; top:0; left:0; z-index:10; width:100%; min-width:1000px; vertical-align:top;}
.picture2 {display:none;}
.current {position:absolute; top:0; left:0; width:100%; height:auto; min-height:710px;}
/* main_text */
.main_text {position:relative; top:0; left:0; z-index:100; margin:0 auto; width:1280px;}
.main_text p {overflow:hidden; margin:205px 0 0 0; width:627px; height:260px; text-indent:-999999px;}
.main_text.text01 p {background:url("../image/main/visual_text2025.png") 0 0 no-repeat; width:1285px; height:365px; margin:140px 0 0 0;}

.main_text.white p {background:url("../image/main/visual_text_white02.png") 0 0 no-repeat;}
.main_text.black p {background:url("../image/main/visual_text_black.png") 0 0 no-repeat;}
/* main_dot */
.main_dot {position:absolute; top:667px; left:50%; z-index:200; overflow:hidden; margin-left:-640px; width:1280px; text-align:center;}
.main_dot a {overflow:hidden; display:inline-block; margin:0 10px 0 0; width:18px; height:18px; border-radius:50%; background:#fff; text-indent:-999999px; line-height:1;}
.main_dot a.dot_first {margin-left:29px;}
.main_dot a.dot.dot_on {margin-top:0 !important; width:18px !important; height:18px !important; background:#0053b7;}
/* 전화번호 */
.hospital_num {position:absolute; top:728px; left:50%; z-index:200; overflow:hidden; margin-left:-640px; width:1280px;}
.hospital_num li {float:left; color:#fff; width:425px; line-height:1; padding:22px 0 26px; font-size:24px; font-weight:bold; text-align:center;}
.hospital_num li span {font-size:19px; margin-right:10px; letter-spacing:-0.5px;}
.hospital_num01 {background-color:rgba(41, 154, 233, 0.8);}
.hospital_num02 {background-color:rgba(26, 126, 228, 0.8); width:456px; margin:0 2px;}
.hospital_num03 {background-color:rgba(0, 83, 183, 0.8);}
/* 진료시간 */
.surgery_hours {overflow: hidden; height:70px; line-height:70px; border-bottom:1px dashed #ccc; background:#f9f9f9; text-align:center; }
.surgery_hours dt, .surgery_hours dd {display:inline-block; font-size:15px;}
.surgery_hours dt {font-weight:bold; color:#000;}
.surgery_hours dd {margin-left:30px; color:#222;}
.surgery_hours dd span {margin-right:10px; color:#787878;}

.header_bg {position:absolute; z-index:0; top:0; left:0; width:50%; height:740px; background:#5e8bc2;}
.header_bg02 {position:absolute; z-index:0; top:0; right:0; width:50%; height:740px; background:#f9f9f9;}
.header_bg03 {position:absolute; z-index:0; top:0; right:-50px; width:50px; height:125px; background:#5e8bc2;}
#header.on .header_bg03 {width:0; height:0;}





/******************** main_contents ********************/
/***** main_layout *****/
#main_contents {position:relative; z-index:200; width:100%; min-width:1280px;background:#fff; text-align:center;}

/* top_banner */
.top_banner {overflow:hidden; padding:55px 0; height:73px; width:1280px; min-width:1280px; margin:0 auto; }
.top_banner li {float:left; width:25%; height:73px; text-align:left; letter-spacing:-0.5px;}
.top_banner li span {display:block; font-size:21px; color:#000; line-height:44px; letter-spacing:-0.75px;}
.top_banner li a {display:block; font-size:15px; padding-left:85px; color:#555;}
.top_banner li {background:url("../image/main/top_banner01.png") no-repeat left center;}
.top_banner li+li {background:url("../image/main/top_banner02.png") no-repeat left center;}
.top_banner li+li+li {background:url("../image/main/top_banner03.png") no-repeat left center;}
.top_banner li+li+li+li {background:url("../image/main/top_banner04.png") no-repeat left center;}

/* main_banner */
.main_banner {overflow:hidden; width:1280px; min-width:1280px; margin:0 auto; }
.main_banner li {display:inline-block; width:301px; margin-left:14px; margin-bottom:20px; border:1px solid #ddd; text-align:left; letter-spacing:-0.75px;}
.main_banner li a {display:block; padding:38px 100px 38px 20px; font-size:17px; color:#000;}
.main_banner li:first-child {margin-left:0;}
.main_banner li:nth-child(5n) {margin-left:0;}
.main_banner li:hover {border-color:#30aaff; background-color:#30aaff; }
.main_banner li:hover a {color:#fff;}

.main_banner li {background:url("../image/main/main_banner01.png") no-repeat 213px center;}
.main_banner li+li {background:url("../image/main/main_banner02.png") no-repeat 213px center;}
.main_banner li+li+li {background:url("../image/main/main_banner03.png") no-repeat 213px center;}
.main_banner li+li+li+li {background:url("../image/main/main_banner08.png") no-repeat 213px center;}
.main_banner li+li+li+li+li {background:url("../image/main/main_banner05.png") no-repeat 213px center;}
.main_banner li+li+li+li+li+li {background:url("../image/main/main_banner06.png") no-repeat 213px center;}
.main_banner li+li+li+li+li+li+li {background:url("../image/main/main_banner07.png") no-repeat 213px center;}
.main_banner li+li+li+li+li+li+li+li {background:url("../image/main/main_banner04.png") no-repeat 213px center;}

.main_banner li:hover{background:#30aaff url("../image/main/main_banner01_on.png") no-repeat 213px center;}
.main_banner li+li:hover{background:#30aaff url("../image/main/main_banner02_on.png") no-repeat 213px center;}
.main_banner li+li+li:hover{background:#30aaff url("../image/main/main_banner03_on.png") no-repeat 213px center;}
.main_banner li+li+li+li:hover{background:#30aaff url("../image/main/main_banner08_on.png") no-repeat 213px center;}
.main_banner li+li+li+li+li:hover{background:#30aaff url("../image/main/main_banner05_on.png") no-repeat 213px center;}
.main_banner li+li+li+li+li+li:hover{background:#30aaff url("../image/main/main_banner06_on.png") no-repeat 213px center;}
.main_banner li+li+li+li+li+li+li:hover{background:#30aaff url("../image/main/main_banner07_on.png") no-repeat 213px center;}
.main_banner li+li+li+li+li+li+li+li:hover{background:#30aaff url("../image/main/main_banner04_on.png") no-repeat 213px center;}


/***** main_doctor *****/



/* 메인 배너 슬라이더 */
.main_doctor { position:relative; width:1278px; height:520px; margin:0 auto; border:1px solid #ddd; text-align:left; background: url("../image/main/main_doctor_bg.png") no-repeat right center;}
.main_doctor > .slider > .slides > .doctors { opacity:0; visibility:hidden; transition:opacity 1s, visibility 1s;}
.main_doctor > .slider > .slides > .doctors.active {opacity:1; visibility:visible;}

/* 메인 배너 내부 텍스트 */
.main_doctor > .slider > .slides > .doctors > .inner-txt {width:100%; height:100%; position:absolute; left:0; top:0; color:#000; box-sizing:border-box; padding:40px 60px 30px;}
.main_doctor .doctors .d_pic {display:table-cell; vertical-align: middle; width:261px; padding-right:60px;}
.main_doctor .doctors .d_pic img {width:100%;}
.main_doctor .doctors .d_name {display:table-cell; vertical-align: middle; padding-right:100px; width:272px;}
.main_doctor .doctors .d_name .d_logo {margin-bottom:22px; line-height:0;}
.main_doctor .doctors .d_name h2 {font-size:46px; color:#333; letter-spacing:-3px;}
.main_doctor .doctors .d_name h2 span {display:block; font-size:20px; color:#003d7c; line-height:1; letter-spacing:-1.5px;}

.main_doctor .doctors .profile {display:table-cell; vertical-align: middle; width:470px;}

.main_doctor .doctors .profile dl {margin-bottom:30px; font-size:16px;}
.main_doctor .doctors .profile dt {font-weight:bold; font-size:18px; color:#222; line-height:2;}
.main_doctor .doctors .profile dd {color:#555;}

/* 슬라이더 페이지 버튼 */
.main_doctor > .slider > .page-btns { position:absolute; right:40px; bottom:30px;}
.main_doctor > .slider > .page-btns > .page-btn { color:#000; display:inline-block; cursor:pointer;}
.main_doctor > .slider > .page-btns > .prev-btn {width:16px; height:28px; background: url("../image/main/icon_prev.png") no-repeat left center;}
.main_doctor > .slider > .page-btns > .next-btn {width:16px; height:28px; background: url("../image/main/icon_next.png") no-repeat right center; margin-left:70px;}
.main_doctor > .slider > .page-btns > .page-btn > i { display:block; font-size:20px;}

/* 슬라이더 페이지 번호 */
.main_doctor > .slider > .page-btns > .page-no { position:absolute; top:0; left:50%; transform:translateX(-50%);}
.main_doctor > .slider > .page-btns > .page-no > span { display:inline-block; color:#333; font-size:16px;}


/***** notice *****/
.notice {position:relative; z-index:210; overflow:hidden; margin:30px auto 100px; width:1280px; text-align:left;}
.notice .notice_tit {float:left; width:210px;}
.notice .notice_tit h2 {margin-top:40px; font-size:36px; color:#222; letter-spacing:-2px; line-height:1;}
.notice .more {position:absolute; left:0; bottom:0; display:block; overflow:hidden; width:110px; padding:10px 0; background:#0053b7; color:#fff; text-align:center;}

.notice ul {float:left;}
.notice li {float:left; margin-left:10px;}
.notice li:first-child {margin-left:0;}
.notice li a {position:relative; display:block; padding:30px; width:286px; height:150px; border:1px solid #ddd; background:#fff;}
.notice li .subject {display:block; height:54px; margin-bottom:20px; color:#222; font-size:19px; font-weight:bold; letter-spacing:-1px;}
.notice li .comment {display:block; overflow:hidden; color:#666; font-size:15px; line-height:1.4;}
.notice li .date {position:absolute; bottom:24px; left:30px; display:block; color:#777; font-size:15px;}
/* line */
.notice .line_top {left:0; top:0;}
.notice .line_right {top:0; right:0;}
.notice .line_bottom {right:0; bottom:0;}
.notice .line_left {bottom:0; left:0;}
.notice .line_box {position:absolute; z-index:95; display:block; top:0; left:0; right:0; bottom:0; height:150px;}
.notice .line_right, .notice .line_left, .notice .line_top, .notice .line_bottom {position:absolute; z-index:100; display:inline-block; background:#0053b7;}
.notice .line_right, .notice .line_left {width:3px; height:0; transition:height 0.2s ease-out;}
.notice .line_top, .notice .line_bottom {height:3px; width:0; transition:width 0.2s ease-out;}
.notice a:hover .line_top, .notice a:focus .line_top {transition:width 0.2s ease-out; width:100%;}
.notice a:hover .line_right, .notice a:focus .line_right {transition:height 0.2s ease-out 0.2s; height:100%;}
.notice a:hover .line_bottom, .notice a:focus .line_bottom {transition:width 0.2s ease-out 0.4s; width:100%;}
.notice a:hover .line_left, .notice a:focus .line_left {transition:height 0.2s ease-out 0.6s; height:100%;}


/***** bottom_banner *****/
.bottom_banner {height:84px; border-top:1px solid #ddd;}
.bottom_banner ul {overflow:hidden; width:1280px; margin:0 auto; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.bottom_banner ul li {float:left; line-height:0; border-right:1px solid #ddd; }
.bottom_banner ul li:last-child {border-right:none; }