@charset "utf-8";
/* reset */
@import url(reset.css);
/* main menu */
@import url(main_menu.css);

body { 
	width: 100%;
	font-size: 75%;
	font-family: "돋움", Dotum, sans-serif;
	color: #333333;
	list-style: none;
	line-height: 1.7em;
	background: url(../images2/common/body_bg.gif) repeat-x top left;
	border: 0px solid red;
}

/* 파일 숨김 */
#skip_navigation, .blind {position: absolute; height: 1px; overflow: hidden;}

/* 전체 */
#wrapper {position: relative; width: 100%; margin: 0 auto; padding: 0; text-align: left; border: 0px solid black; }

/* 상단 */
#header {width: 960px; height: 145px; margin: 0; padding: 0; text-align: left; margin: 0 auto; overflow: hidden; border: 0px solid green}
.left_box {float: left;}
.logo {display: inline-block; width: 190px; height: 71px; margin: 0; padding-top: 20px; border: 0px solid red;}
.logo img {vertical-align: bottom;}

/* 병원 목록 */
.hospital_menu {padding-top: 3px; overflow: hidden;}
.hospital_menu:after {content:" "; display:block; clear:both;}
.hospital_menu li {float: left; padding-right: 6px; background: url(../images2/common/icon_bar01.gif) no-repeat right center; border: 0px solid red;}
.hospital_menu li {display: block;}
.hospital_menu li.none {padding-left: 6px; background: transparent}

.right_box {float: right; margin: 0; padding: 0; border: 0px solid red;}
.copytop_menu {float: left; width: 641px; border: 0px solid red;} 
.contry_menu {float: left; width: 400px; border: 0px solid red;}
.contry_menu:after {content:" "; display:block; clear:both;}
.contry_menu li {float: left; padding: 5px;}
.contry_menu li img {display: block;}

.global_menu {float: left; margin: 0; padding: 0; border: 0px solid red;}
.global_menu:after {content:" "; display:block; clear:both;}
.global_menu li {float: left; padding: 7px 5px;}
.global_menu li.bar {background:  url(../images2/common/icon_bar01.gif) no-repeat left center;}

/* 메인매뉴 */

/* 본문 1 */
#container01 {clear: both; height: 377px; background: #f6f3ee;}
.container_box {position:relative;width: 960px; margin: 0 auto; border: 0px solid red;}
.side_container	{position:absolute;right:-110px;top:0;width:98px;}
.icon_boxM	{position:absolute;right:-90px;bottom:-40px;width:98px;height:40px;z-index:99999;}

.contents_01 {float: left; width: 98px; margin-left: 2px; margin-right: 26px; padding-top: 4px;}
.company_box {padding-top: 11px; text-align: right; overflow: hidden; border: 0px solid red; }
.company_box .company_image {display: block; padding-bottom: 7px;}
.company_title {margin-bottom: 8px; padding-bottom: 3px; border-bottom: 1px solid #dcd6cc;}
.company_title img {display: block;}
.phone {padding-bottom: 8px;}
.phone  img {display: block;}
.company_box ul {border: 0px solid red;}
.company_box ul:after {content:" "; display:block; clear:both;}
.company_box ul li {float: left; padding-bottom: 1px; border: 0px solid red;}
.company_box ul li img {display: block;}

.contents_02 {float:left; width:168px;padding-right: 22px;}
.interview_box {width: 100%; display: block;}
.contents_title {padding-bottom: 5px;}
.contents_title img {display: block;}
.contensts_img {padding-bottom: 6px;}
.contensts_img img {display: block;}
.contensts_word {padding-bottom: 6px; border-bottom: 1px solid #dcd6cc}
.contensts_word2 {padding-bottom: 6px;}
.contensts_word img {display: block;}
.experience_box a {display: block;}
.experience_box a.border_bottom {border-bottom: 1px solid #dcd6cc}

/* 배너 */
#banner_area {position: relative; float: left; width: 644px; height: 377px; background: #25aae1; border: 0px solid red;}
.clsBannerScreen {float: right; width: 447px; height: 377px;  cursor:pointer; clear:both;}
.clsBannerScreen .images {position:absolute; display:none; }
ul, li {list-style:none; margin:0; padding:0; font-size:10pt; }
.clsBannerButton {position: absolute; top: 0; left: 0; width: 196px; height: 377px; border-right: 1px solid #fff; background: #d0cac0}
.clsBannerButton li {float:left; width: 100%; height: 125px; border-bottom: 1px solid #fff;}
.clsBannerButton li a {display: block; width: 100%; height: 100%;}
.clsBannerButton li img {padding: 18px 0 0 16px;}
.clsBannerButton li.labelOverClass {background: #25aae1 url(../images2/main/icon_choise.png) no-repeat 160px 90px}
.clsBannerButton li.none {border-bottom: none;}

/* 본문 2 */
#container02 {position:relative;clear: both; width: 960px; padding-top: 20px; margin: 0 auto; overflow: hidden; border: 0px solid red;}

/* 자주 찾는 서비스 */
.service_box {float: left; width: 100px; margin-right: 26px; text-align: center;}
.service_title {padding-top: 16px; padding-bottom: 7px;}
.service_title img {vertical-align: bottom}
.icon_btn {display: block; margin: 0 auto; padding-bottom: 14px; border: 0px solid red;}

.service_box ul {height: 170px; padding-top: 17px; text-align: center; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; overflow: hidden;}
.service_box ul li {float: left; width: 100%; height: 13px; padding-bottom: 5px; text-indent: -5000px; border: 0px solid red;}

.service_box ul li.service_menu01 a {display: block; width: 100%; height: 13px; background: url(../images2/main/list_menu01_01.gif) no-repeat center 0; border: 0px solid red;}
.service_box ul li.service_menu01 a:hover {background-position: center -13px;}
.service_box ul li.service_menu02 a {display: block; width: 100%; height: 13px; background: url(../images2/main/list_menu01_02.gif) no-repeat center 0; border: 0px solid red;}
.service_box ul li.service_menu02 a:hover {background-position: center -13px;}
.service_box ul li.service_menu03 a {display: block; width: 100%; height: 13px; background: url(../images2/main/list_menu01_03.gif) no-repeat center 0; border: 0px solid red;}
.service_box ul li.service_menu03 a:hover {background-position: center -13px;}
.service_box ul li.service_menu04 a {display: block; width: 100%; height: 13px; background: url(../images2/main/list_menu01_04.gif) no-repeat center 0; border: 0px solid red;}
.service_box ul li.service_menu04 a:hover {background-position: center -13px;}
.service_box ul li.service_menu05 a {display: block; width: 100%; height: 13px; background: url(../images2/main/list_menu01_05.gif) no-repeat center 0; border: 0px solid red;}
.service_box ul li.service_menu05 a:hover {background-position: center -13px;}
.service_box ul li.service_menu06 a {display: block; width: 100%; height: 13px; background: url(../images2/main/list_menu01_06.gif) no-repeat center 0; border: 0px solid red;}
.service_box ul li.service_menu06 a:hover {background-position: center -13px;}
.service_box ul li.service_menu07 a {display: block; width: 100%; height: 13px; background: url(../images2/main/list_menu01_07.gif) no-repeat center 0; border: 0px solid red;}
.service_box ul li.service_menu07 a:hover {background-position: center -13px;}
.service_box ul li.service_menu08 a {display: block; width: 100%; height: 13px; background: url(../images2/main/list_menu01_08.gif) no-repeat center 0; border: 0px solid red;}
.service_box ul li.service_menu08 a:hover {background-position: center -13px;}
.service_box ul li.service_menu09 a {display: block; width: 100%; height: 13px; background: url(../images2/main/list_menu01_09.gif) no-repeat center 0; border: 0px solid red;}
.service_box ul li.service_menu09 a:hover {background-position: center -13px;}

/* 병원 의료진 정보 */
.info_menu {float: left; display: block; width: 190px; padding-top: 2px; overflow: hidden;}
.info_menu li {float: left; }
.info_menu li a {display: block;}

/* 의료진 상담 및 예약 */
.info_menu02 {float: left; width: 196px; padding-top: 1px; padding-right: 24px; border: 0px solid red;}
.info_menu02 li {float: left; padding-bottom: 1px;}
.info_menu02 li a {display: block; text-indent: -5000em;}
.info_menu02 li.info_list01 a {display: inline-block; float: left; width: 196px; height: 125px; background: url(../images2/main/img_01.jpg) no-repeat 0 0; border: 0px solid red;}
.info_menu02 li.info_list01 a:hover {background-position: 0 -125px;}
.info_menu02 li.info_list02 a {display: inline-block; float: left; width: 196px; height: 125px; background: url(../images2/main/img_02.jpg) no-repeat 0 0; border: 0px solid red;}
.info_menu02 li.info_list02 a:hover {background-position: 0 -125px;}

/* 페이스북 및 탭매뉴 */
.contens_04 {float: right; padding-top: 16px;  width: 423px; border: 0px solid red;}
.icon_list {float: left; overflow: hidden; border: 0px solid red;}
.icon_list li {float: left; padding-right: 4px;}

.facebook_title {float: left; padding-top: 6px; padding-left: 14px; padding-right: 10px; border: 0px solid red;}
.facebook_list {overflow: hidden;}
.facebook_list li {float: left; padding-right: 5px; padding-top: 1px; border: 0px solid red;}
.facebook_list li.good_count {margin-top: 2px; padding-left: 5px; background: url(../images2/common/icon_02_left.gif) no-repeat left 1px;}
.facebook_list li.good_count .good_count_right {float: left; padding: 0 5px;  background: url(../images2/common/icon_02_right.gif) no-repeat right top; border: 0px solid red;}

/* 트위터 정보 */
.twitter_info {clear: both;}
.twitter_title {padding: 11px 0 7px 0;}
.twitter_word {padding-left: 25px; max-width: 380px; color: #7b7b7b; letter-spacing: -0.5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border: 0px solid red;}
.homepage_address {float: left; padding-left: 25px;}
.homepage_address a {color: #25aae1; font-size: 0.88em; font-family: tahoma, sans-serif;}
.hour_ago {clear: both; padding-left: 25px; color: #c9cab1; font-weight: bold; font-size: 0.88em; font-family: tahoma, sans-serif;}

/* 공지사항, Q&A */
#tab {position: relative; clear: both; width: 100%; margin: 0; padding-top: 14px; border: 0px solid red;}
.tabmenu {width: 400px; overflow: hidden; background: url(../images2/main/bar.gif) repeat-x left bottom;}
.tabmenu li {float: left; margin-top: 1px; padding:0;border: 0px solid red;}
.tabmenu li a {display: block;}
.tabcontent {display: none; position: absolute; left:0; top: 50px; width: 400px; height: 70px; margin: 0; padding-top: 10px; padding-left: 17px;  font-size: 0.88em; border: 0px solid red;}
.tabcontent li {position: relative; clear: float; height: 14px; padding-top: 2px; padding-left: 10px; width: 370px; background: url(../images2/main/icon_01.png) no-repeat left 8px; border: 0px solid red;}
.tabcontent li.no_data {background: transparent; width: 350px; height: 35px; padding-top: 20px; color: #7b7b7b; text-align: center; border: 0px solid red;}
.subject {float: left; display: block; max-width: 270px; letter-spacing: -0.5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border: 0px solid red;}
.icon_new {float: left; padding-top: 3px; padding-left: 5px; border: 0px solid red;}
.icon_new img {display: block;}
.date {position: absolute; top: 1px; right: 0; color: #999}

.contens_05 { clear:both;padding-top:35px; }
.contens_05 .section1 { float:left; }
.contens_05 .section1 .section_tab_wrap { clear:both;height:21px;overflow:hidden;padding-left:8px; }
.contens_05 .section1 .section_tab_wrap ul { clear:both;list-style:none;margin:0;padding:0; }
.contens_05 .section1 .section_tab_wrap ul li { float:left;padding-left:4px;cursor:pointer; }
.contens_05 .section1 .section_area { clear:both;width:473px;height:176px;background-color:#f6f3ee;padding:20px;overflow-x:hidden;overflow-y:scroll; }
.contens_05 .section2 { float:left;padding-left:25px; }
.contens_05 .section2 .movies { clear:both;width:398px;padding-top:22px; }
.contens_05 .section2 .movies .movie1 { float:left;width:195px;height:126px; }
.contens_05 .section2 .movies .movie2 { float:left;width:195px;height:126px;padding-left:8px; }

.contens_05 .section1 .section_area .repeater {clear:both;overflow:hidden;margin-bottom:30px;}
.contens_05 .section1 .section_area .repeater a {color:#333;;font-family:tahoma;}
.contens_05 .section1 .section_area .repeater .time {color:#868585;font-family:tahoma;font-size:10px;}
.contens_05 .section1 .section_area .icon {float:left;padding-right:10px;}

/* 하단 */
#footer {clear: both; width: 960px; margin: 0 auto; padding-top: 43px; padding-bottom: 10px; border: 0px solid red;}
#pop0 {clear:both;position:absolute;width:88px;display:none;}
#pop1 {clear:both;position:absolute;width:98px;display:none;}
#pop2 {clear:both;position:absolute;width:97px;display:none;}
.poplink {background-color:#25aae3;color:#fff;font-size:11px;}
.poplink a {color:#fff;}
.poplink a:hover {color:#184c62;}

.footer_menu_wrap {clear:both;}
.footer_menu {float:left; margin-left:310px; padding: 9px 0 3px 0; overflow: hidden; border: 0px solid red;}
.footer_menu li {float: left; padding: 0 7px; background: url(../images2/common/icon_bar03.gif) no-repeat center right;}
.footer_menu li.first {padding-left: 0;}
.footer_menu li.none {padding-right: 0; background: transparent}
.footer_menu li.none02 {padding-right: 20px; background: transparent}
.footer_menu li.bar02 {background: url(../images2/common/icon_bar05.gif) no-repeat center right;}

.quick_link {float:left;width:320px;margin-left:0px;padding-top:0px;}
.quick_link .link {float:left;padding:5px;cursor:pointer;}
.quick_link ul.poplink {}
.quick_link ul.poplink li {display:block;padding:1px 5px 1px 5px;cursor:pointer;font-size:11px;}
.icon_sns {float:left;}

.footer_logo {float: left; padding-top: 17px; width: 315px; border: 0px solid red;}
.footer_logo ul. {float: left; padding-top: 17px; width: 315px; border: 0px solid red;}

.footer_logo img {display: block;}
.footer_contents {float: left; padding-top: 17px; width: 645px; border: 0px solid red;}

#slider2 {clear: both; width: 960px; margin: 0 auto; padding-top: 43px; padding-bottom: 10px; border: 0px solid red;}
.footer_logo.ul {float: left; padding-top: 17px; width: 315px; border: 0px solid red;}


/* 마크 목록 */
.mark_list {overflow: hidden; padding-bottom: 3px; margin-bottom: 15px; border-bottom: 1px solid #eaeaea;}
.mark_list li {float: left; padding: 0 11px; background: url(../images2/main/icon_bar.gif) no-repeat center right;}
.mark_list li.first {padding-left: none;}
.mark_list li.none {padding-right: none; background: transparent}
.mark_list li img {vertical-align: middle;}

/* 회사 정보 */
.company_info_box {display: block; clear: both; padding-bottom: 1px; overflow: hidden; border: 0px solid red}
.company_seoul_title {float: left; height: 15px;padding-top: 3px; padding-left: 20px; padding-right: 6px; vertical-align: bottom; background: url(../images2/common/icon_seoul.gif) no-repeat left center; border: 0px solid red;}
.company_seoul_title2 {float: left; height: 15px;padding-top: 3px; padding-left: 20px; padding-right: 6px; vertical-align: bottom; border: 0px solid red;}
.company_busan_title {float: left; height: 15px;padding-top: 3px; padding-left: 20px; padding-right: 6px; vertical-align: bottom; background: url(../images2/common/icon_busan.gif) no-repeat left center; border: 0px solid red;}
address {float: left; padding-top: 3px; padding-right: 6px; background: url(../images2/common/icon_bar01.gif) no-repeat right 4px; border: 0px solid red;}

.company_info {float: left; padding-top: 3px; padding-left: 6px; border: 0px solid red;}
.copyright {display: block; clear: both; width: 720px; padding-top: 10px; padding-bottom: 30px; text-align: left;}
.copyright img {display: inline-block; }

.footer_bannerbox {padding: 5px; text-align: center;}



/* 레이어 팝업 */
#layer_area {position: absolute; top: 145px; left: 0; text-align: center; width: 100%; height: 377px; border: 0px solid red; z-index: 999;}
.layer_box {display: block; width: 960px; height: 377px; margin: 0 auto; border: 0px solid green}
.banner_box {display: block; position: relative; float: left; width: 305px; height: 377px; margin-right: 1px; background: #73777b url(images2/main/bar02.gif) repeat-y top right;}
.btn_close {position: absolute; top: 344px; right: 6px; z-index: 99999999}
.btn_close2 {position: absolute; top: 34px; right: 8px; z-index: 99999999}
.btn_close3 {position: absolute; top: 10px; right: 20px; z-index: 99999999}
.btn_close_a01 {position: absolute; top: 342px; right: 6px; z-index: 99999999}
.btn_close_a01_1 {position: absolute; top: 326px; right: 12px; z-index: 99999999}
.btn_close_a02 {position: absolute; top: 34px; right: 8px; z-index: 99999999}
.banner_box ol {position: absolute; bottom: 18px; right: 18px; border: 0px solid red;}
.banner_box ol li {float: left; margin-left: 5px;}
.banner_box ol li img {display: block;}

.slider_box {display: block; position: relative; float: left; width: 654px; height: 377px; background: #73777b url(images2/main/bar02.gif) repeat-y top right;}
.slider_box ol {position: absolute; bottom: 18px; right: 18px; border: 0px solid red;}
.slider_box ol li {float: left; margin-left: 5px;}
.slider_box ol li img {display: block;}


img, a { behavior: url(iepngfix.htc); }