/*main.css*/

#wrapper {width:100%;font-size: 13px;}

#main_wrap {width:100%; margin:0 auto; background:url(../images/main_bg.jpg) no-repeat center top;}
#main {position:relative; width:1100px; height:750px; margin:0 auto;}

.m_logo {position:absolute; width:179px; height:55px; top:31px; left:0;}
.m_title {position:absolute; width:395px; height:111px; top:115px; left:0; z-index:1000;}

/* 메인비주얼 */
.pop_zone {position:absolute; width:781px; height:663px; top:80px; left:0; overflow:hidden;}
.pop_btn {position:absolute; width:259px; height:323px; top:172px; left:0; z-index:200;}
.pop_btn li {position:relative; width:259px; height:48px; margin-bottom:7px;}
.pop_up {position:absolute; top:50px; left:0; z-index:100;}

/* 링크 */
.m_link {position:absolute; width:259px; height:49px; top:580px; left:0; z-index:200;}
.m_link li {float:left; width:51px; height:49px; margin-right:1px;}

/* 팝업존 */
.m_pop {position:absolute; width:276px; height:245px; top:45px;/*43px;*/ right:0; overflow:hidden;}
.m_pop .m_pop_tit {position:absolute; width:87px; height:12px; top:0; left:0;}
.m_pop .in {position:absolute; width:276px; height:192px; top:50px; left:0;}
.slideshow div {width:276px; height:192px;}
.slideshow img {width:276px; height:192px;}
#nav {position:absolute; width:276px; height:13px; text-align:right; top:-20px; z-index:999;}
#nav a {display:inline-block; width:13px; height:13px; margin-left:4px; overflow:hidden; background:url('../images/btn_01.png') 0 0 no-repeat; text-indent:-1000px; line-height:0; *display:inline; *zoom:1; font-size:0;}
#nav a.activeSlide {background:url('../images/btn_02.png') 0 0 no-repeat; text-indent:-1000px; line-height:0; *display:inline; *zoom:1; font-size:0;}

/* 고객센터 */
.m_cs {position:absolute; width:276px; height:156px; top:308px; right:0; background:url(../images/m_cs_bg.jpg) no-repeat center top;}
.m_cs .m_cs_tit {position:absolute; top:18px; left:92px;}
.m_cs .m_cs_tel {position:absolute; top:39px; left:91px;}
.m_cs .m_cs_text1 {position:absolute; top:73px; left:92px;}
.m_cs .m_cs_text2 {position:absolute; top:91px; left:92px;}
.m_cs .m_cs_btn1 {position:absolute; top:116px; left:13px;}
.m_cs .m_cs_btn2 {position:absolute; top:116px; left:140px;}

.m_cs_n {position:absolute; width:276px; height:156px; top:300px;/*263px;*/ right:0; background:url(../images/m_cs_bg.jpg) no-repeat center top;}
.m_cs_n .m_cs_tit {position:absolute; top:18px; left:92px;}
.m_cs_n .m_cs_tel {position:absolute; top:39px; left:91px;}
.m_cs_n .m_cs_text1 {position:absolute; top:73px; left:92px;}
.m_cs_n .m_cs_text2 {position:absolute; top:91px; left:92px;}
.m_cs_n .m_cs_text3 {position:absolute; top:68px; left:93px;}
.m_cs_n .m_cs_btn1 {position:absolute; top:116px; left:13px;}
.m_cs_n .m_cs_btn2 {position:absolute; top:116px; left:140px;}

.main_b{position:absolute; width:276px; height:85px; top:424px; right:0; }

/* 배너 */
.m_banner {position:absolute; width:276px; height:173px; top:470px;/*514px;*/ right:0;}
.m_banner li {float:left; width:88px; height:83px; margin:0 6px 7px 0;}

/* 하단 */
#banner {position:relative; width:100%; height:38px; background-color:#fafafc; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
#banner .banner_wrap {position:relative; width:1100px; margin:0 auto;}
#banner .banner_tit {padding-right:20px; font-size:11px; font-weight:bold; color:#4364b1;}
#banner .banner_area {position:absolute; width:850px; max-width:850px; height:30px; padding-top:8px; padding-left:10px;}
#banner .pr10 {padding-right:10px;}
#banner #etc_menu {float:right; width:auto; padding-top:10px;}
#banner #etc_menu .etc_menu_s {font-size:11px; font-weight:bold; color:#7f7f7f; padding-right:10px;}

#footer {position:relative; width:100%; height:80px;}
#footer .footer_wrap {position:relative; width:1100px; margin:0 auto;}
#footer .footer_wrap .top {position:absolute; top:29px; right:0;}
#footer .footer_wrap .address {position:absolute; top:25px; left:0;}
#footer .footer_wrap .copyright {position:absolute; top:44px; left:0;}

/*sub.css*/

#header_wrap {width:100%;}
#header {position:relative; width:1100px; margin:0 auto; height:120px;}

#top {width:1100px; margin:0 auto; height:120px;}
#top ul {float:right; margin-top:47px;}
#top li {float:left;}

/* 메뉴 */
#lnb {position:absolute; width:680px; height:30px; top:48px; left:260px;}
#lnb a {font-size:17px; color:#000; font-weight:600;}
#lnb ul li.on a, #lnb ul li a:hover {color:#4364b0; font-weight:600;}

#lnb ul li {float:left;}
#lnb ul li.menu1 {}
#lnb ul li.menu2 {padding-left:50px;}
#lnb ul li.menu3 {padding-left:50px;}
#lnb ul li.menu4 {padding-left:50px;}
#lnb ul li.menu5 {padding-left:50px;}

#sub_wrap {width:100%; margin:0 auto; background:url(../images/sub_bg.jpg) repeat-y center top; font-size: 13px;}

#subimg_wrap {position:relative; width:100%; height:170px; margin:0 auto; background:#f2f4f3;}
.subimg {position:relative; width:1200px; height:170px; margin:0 auto; background:url(../images/sub_img.jpg) no-repeat center top;}

#s_container {width:1100px; margin:0 auto;}

/* 팝업존 */
.s_pop {position:relative; width:200px; height:150px; overflow:hidden; z-index:999;}
.s_pop .in2 {position:absolute; width:200px; height:130px; top:20px; left:0;}
.slideshow2 div {width:200px; height:130px;}
.slideshow2 img {width:200px; height:130px;}
#nav2 {position:absolute; width:200px; height:20px; text-align:right; top:-20px; left:-175px; z-index:999;}
#nav2 a {display:inline-block; width:5px; height:5px; margin-left:5px; background:url('../images/btn_03.png') 0 0 no-repeat; text-indent:-1000px; line-height:0; *display:inline; *zoom:1; font-size:0;}
#nav2 a.activeSlide {background:url('../images/btn_04.png') 0 0 no-repeat; text-indent:-1000px; line-height:0; *display:inline; *zoom:1; font-size:0;}

/* 왼쪽메뉴 */
#side {float:left; width:200px; margin:0; padding:0;}
.side_title1 {width:200px; height:150px; background:url(../images/side_title_01.jpg) no-repeat center top;}
.side_title2 {width:200px; height:150px; background:url(../images/side_title_02.jpg) no-repeat center top;}
.side_title3 {width:200px; height:150px; background:url(../images/side_title_03.jpg) no-repeat center top;}
.side_title4 {width:200px; height:150px; background:url(../images/side_title_04.jpg) no-repeat center top;}
.side_title5 {width:200px; height:150px; background:url(../images/side_title_05.jpg) no-repeat center top;}
.tit {font-size:22px; letter-spacing:-1px; font-weight:bold; text-align:center; color:#222; padding-top:95px;}

#side_menu {margin-top:40px; padding:0;}
#side_menu ul {width:200px; margin:0; padding:0;}
#side_menu ul li {border-bottom:solid 1px #c7c8cd; margin:0px; padding:0;}
#side_menu ul li a {display:block; color:#555; font-weight:bold; padding-left:29px; height:34px; line-height:34px; font-size:13px;}
#side_menu ul li.on a, #side_menu ul li a:hover{color:#fff; font-weight:bold; background:url(../images/snb_on_bg.jpg) no-repeat center top;}

/* 링크 */
.s_link {width:200px; height:163px; margin-top:40px;}
.s_link li {float:left; width:56px; height:77px; margin-right:11px;}

/* 고객센터 */
.s_cs {position:relative; width:200px; height:167px; margin:20px 0 50px 0; background: #dfe3ec; border-top: 1px solid #557fcb; border-bottom:1px solid #557fcb; background:#dfe3ec url(../images/s_cs_bg.jpg) no-repeat center top;}
.s_cs .s_cs_tit {position:absolute; top:16px; left:54px;}
.s_cs .s_cs_tel {position:absolute; top:34px; left:53px;}
.s_cs .s_cs_text1 {position:absolute; top:60px; left:52px;}
.s_cs .s_cs_text2 {position:absolute; top:75px; left:52px;}
.s_cs .s_cs_text3 {position:absolute; top:60px; left:13px;}
.s_cs .s_cs_btn1 {position:absolute; top:125px; left:8px;}
.s_cs .s_cs_btn2 {position:absolute; top:125px; left:103px;}

#content {float:right; width:825px; margin:0; padding:0; font-size: 13px;}

.top_content {width:825px; height:198px; margin:0 auto; background: url(../images/top_content_bg.jpg) no-repeat center top;}

.locator {position:relative; width:825px; height:198px; margin:0; padding:0;}
.path {position:absolute; top:35px; left:0; font:normal 11px 'Dotum'; color:#777;}
.path_s {font:normal 11px 'Dotum'; color:#4663b1;}
.title {position:absolute; top:60px; left:0; font-size:40px; letter-spacing:-3px; font-weight:bold; color:#121212;}
.title_s {position:absolute; top:122px; left:0; color:#616161;}

/* 내용 */
.txt_content {position:relative; width:100%; margin:50px 0 70px 0; color:#555; font-size: 13px;}
.txt_content:after{display:block; clear:both; content:'';}

.equipment {position:relative; width:825px; height:130px; margin-bottom:50px; background:url('../images/info_05_bg.jpg') no-repeat 0 0;}  /* 의료장비소개 */
.news {position:relative; width:825px; height:130px; margin-bottom:50px; background:url('../images/info_06_bg.jpg') no-repeat 0 0;} /* 병원소식 */
.review {position:relative; width:825px; height:130px; margin-bottom:50px; background:url('../images/review_01_bg.jpg') no-repeat 0 0;} /* 치료후기 */

/* 의료진소개 */
.doctor_wrap {position:relative; width:825px;  /*background:url('../images/doctor_bg.jpg') no-repeat 0 0;*/ overflow:hidden;}
.doctor_wrap .doctor_img {float:left; width:180px;}
.doctor_wrap .doctor_text {float:left; width:645px;}
.doctor_wrap .doctor_text .name {font-size:26px; font-weight:bold; letter-spacing:-2px;}
.doctor_wrap .doctor_text .sub1 {margin-left:10px; font-weight:600; letter-spacing:-1px; vertical-align:bottom; line-height: 1.4em;}
.doctor_wrap .doctor_text .sub2 {font-size:15px; margin-left:10px; font-weight:bold; letter-spacing:-1px; vertical-align:bottom; color:#4364b0;}
.doctor_wrap .doctor_text .sub3 {font-family:Nanum Myeongjo; font-size:15px; font-weight:bold; letter-spacing:-1px; color:#4364b0;}
.doctor_wrap .doctor_text .sub4 {font-size:12px; padding:10px; overflow:hidden; background:#F8F8F8; margin-top:10px;}

.name_tit{display: flex; align-items: flex-start;}

/*
.sub4long{background:#f5f5f5; padding-bottom:10px;padding-left:10px;position:relative;left:-10px;}
*/

.pb40 {padding-bottom:40px;}

.dt_box {border:5px solid #f8f8f8; padding:20px; line-height:2; font-size: 13px;}
.dt_box .dt {font-family:Nanum Myeongjo; font-weight:bold; letter-spacing:-1px; color:#4364b0; margin-right:20px;}

/* 연혁 */
.history_img {position:relative; width:825px; height:150px; border-bottom:1px solid #eee; background:url('../images/info_01_02_bg.jpg') no-repeat 0 0;}
.history_tit {margin-top:30px; margin-left:120px; text-align:left;}

/* 준비중 */
.free_img {position:relative; width:825px; height:130px; background:url('../images/info_01_02_bg.jpg') no-repeat 0 0; margin-top:40px;}
.free_tit {margin-top:30px; margin-left:130px; text-align:left;}

/* 병원둘러보기 */
.DB_tab22 {position:relative; width:825px; height:585px; font-size:0;}
.DB_tab22 .DB_mask {position:relative; width:825px; height:500px; float:left; left:0; top:0; overflow:hidden;}
.DB_tab22 .DB_mask .DB_img {position:relative;}
.DB_tab22 .DB_mask .DB_img li{position:absolute; width:825px; height:500px;}
.DB_tab22 .DB_menu {float:left; width:825px; margin-left:0; margin-top:20px;}
.DB_tab22 .DB_menu li img {}
.DB_tab22 .DB_menu li {float:left; width:109px; height:65px; margin:0 0 10px 10px; cursor:pointer; }
.DB_tab22 .DB_menu li.DB_select{width:109px; height:65px; overflow:hidden;}
.DB_tab22 .DB_menu li.DB_select img {}
.DB_tab22 .DB_menu li:first-child {margin-left:0;}
.DB_tab22 .DB_dir {position:absolute; top:50%; margin-top:-25px; cursor:pointer}
.DB_tab22 .DB_prev {left:0;}
.DB_tab22 .DB_next {right:0;}

/* 온라인상담 */
ul.counsel_list {position:relative; width:825px; height:150px;}
ul.counsel_list li {float:left; width:400px; height:150px; overflow:hidden;}
ul.counsel_list li strong {display:block; margin-top:30px; font-size:18px; font-weight:600; color:#4364b1;}
ul.counsel_list li a {display:inline-block; width:230px; height:150px; padding-left:170px;}
ul.counsel_list li a:hover {color:#4364b1; font-weight:600;}
ul.counsel_list li.ico1 {background:url("../images/img_box1_1.gif") no-repeat;}
ul.counsel_list li.ico2 {background:url("../images/img_box1_2.gif") no-repeat;}

ul.counsel_list2 {position:relative; width:825px; height:150px; margin-top:25px;}
ul.counsel_list2 li {float:left; width:825px; height:150px; overflow:hidden;}
ul.counsel_list2 li strong {display:block; margin-top:30px; font-size:18px; font-weight:600; color:#4364b1;}
ul.counsel_list2 li a {display:inline-block; width:445px; height:150px; padding-left:380px;}
ul.counsel_list2 li a:hover {color:#4364b1; font-weight:600;}
ul.counsel_list2 li.ico3 {background:url("../images/img_box1_4.gif") no-repeat;}

/* 온라인예약 */
ul.check_a1 li {float:left; width:200px; margin:2px 0 1px;}
ul.check_a1 li label {display:inline-block;}
ul.check_a1 li input.inck1 {position:relative; top:-1px; margin-right:3px;}
ul.check_a1 li.tp1 {display:inline-block;width:100%;}
.bubble {color:#4364b1; font-size:12px; font-weight:bold;}
.bubble2 {position:absolute; z-index:99; width:250px; height:100px; background:url("../images/box_a1_bg.gif") no-repeat center top;}
.bubble2 .in {display:inline-block; width:100%; line-height:14px; padding:10px; font-size:12px;}
.bubble2 .in strong {display:block; color:#4364b1; font-size:12px; font-weight:bold;}
.btn_wrap {position:relative; width:100%; height:40px;} .btn {position:relative; width:150px; height:40px; margin:0 auto;}

/* write */
table.write_a1 {width:100%; border-collapse:collapse; border-top:2px solid #4364b0; margin-bottom:10px;}
table.write_a1 tbody th {padding:9px 0 7px 15px; text-align:left; color:#000; font-weight:normal; border-bottom:1px solid #ccc; background:#f8f8f8; vertical-align:top;}
table.write_a1 tbody td {padding:6px 0 6px 15px; color:#000; border-bottom:1px solid #ccc;}
table.write_a1 tbody td label {display:inline-block;}
table.write_a1 tbody td input.inck1 {margin-right:3px;}
table.write_a1 tbody td select {padding:1px 1px 2px 1px;}
table.write_a1 tbody td span.txt1 {display:inline-block; vertical-align:top; padding-top:2px; color:#4364b0;}
table.write_a1 caption {display:none;}

/* 약관정책 */
.privacy {position:relative; width:825px; height:180px; margin-bottom:10px; background:url('../images/privacy_bg.jpg') no-repeat 0 0;}
.email {position:relative; width:825px; height:150px; margin-bottom:10px; background:url('../images/email_bg.jpg') no-repeat 0 0;}

/* 사이트맵 */
.sitemap {}
.sitemap dd {float:left; width:153px; margin-right:15px;}
.sitemap dd h4 {width:153px; margin:0 auto; height:38px; line-height:38px; text-align:center; color:#fff; background:#4364b1; font-size:14px;}
.sitemap dd ul {width:153px; margin:0 auto;}
.sitemap dd ul li {border-bottom:1px solid #dcdcdc; padding:8px 0 8px 20px;}
.sitemap dd ul li.s {border-bottom:1px solid #dcdcdc; padding:5px 0 5px 20px; background:#fafafa; font-size:11px;}
.sitemap dd ul li a:hover {color:#4364b1; font-weight:bold; text-decoration:underline;}