@charset "utf-8";

html, body, ul, ol, li, form, dl, dt, dd, h1, h2, h3, h4, h5, h6, p {margin:0; padding:0; list-style:none; line-height:normal;}
img, table{border:0; padding:0; margin:0;}
hr, legend {display:none;}
hr.line {display:block;margin:20px 0;border:0;border-top:1px solid #ddd;}
a:link, a:visited, a:active {color:#555; text-decoration:none;}
a:hover {color:#0b4da2;} 


body {font-size:.75em; line-height: 18px; font-family:dotum, "돋움", verdana, "맑은고딕", NanumGothic, ngeot, DotumChe, Dotum, Arial, Helvetica; color:#666;}
input, textarea, select {font-family:dotum, "돋움", sans-serif; color:#595b5f;}
input.text, input.dateInput, textarea.text {padding:1px 5px; border:1px solid #cbcbcb; vertical-align:middle;}
.png24 {tmp:expression(setPng24(this));}



/* 바로가기 */

#accessibilityMenu {position:absolute; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}



/* 레이아웃 */

.main_bg{background:url('/img/net_topimg.jpg') repeat-x center top;}

.sub_bg{background:url('/img/sub_topimg.jpg') repeat-x center top;}

#wrap {width:100%; height:100%; margin:0 auto; }





#header {position:relative; width:980px; height:114px; margin:0 auto; z-index:8888;}

	#header h1 {padding:89px 35px 34px 0px;} 



	#header .top_left{position:absolute; top:0px; left:0px; padding:0; font-size:0;} 

	#header .top_link{position:absolute; top:21px; right:300px;} 

	#header .top_link li{float:left; padding:0; font-size:0;}



	#header .top_tab{position:absolute; top:14px; right:12px;} 

	#header .top_tab li{float:left; padding:0; font-size:0;}



	#header .top_area{position:absolute; width:727px; height:64px; top:91px; right:12px; background:url('/img/top_area_bg.gif') no-repeat left top;}

	#header .top_area .top_news{float:left; width:307px;padding-left:19px; padding-top:17px;}

		.top_news h3 {float:left; font-size:0; width:60px;}

		.top_news ul{float:left; margin-top:-5px;}

		.top_news li {padding:3px 0; _padding:2px 0; height:14px;}

		.top_news li a {color:#8CA0A0;}

	#header .top_area .top_bn{float:right; padding-right:25px; padding-top:2px;}



	.gnb {position:absolute; top:95px; left:285px;}

	.gnb li {float:left;}



/* 메뉴 */



/* 메뉴 영역 */

#menu {position:absolute; top:95px; left:285px;}

	/* 탭 레이어 타입1 */

	#menu_lay{position:absolute; width:683px; z-index:999; left:0px; margin-top:0px;}

		#menu_lay li{float:left; height:25px;}

	#menu_in {width:683px; height:25px; padding-top:0px; position:relative;  top:0px; z-index:999; left:0px; border:0; margin:0; padding:0; nor}

	:root #menu_in{width:684px; height:25px; position:relative;  top:0px; z-index:999;  left:0px;}

	#menu_in li ul{float:left; position:absolute; overflow:hidden; z-index:100; height:30px; top:30px; padding-right:0px; padding-left:0px; }



		#submenu1{background:#0074c8; width:540px; left:10px; display:none; padding:0px 5px; *padding:0px 5px;}

	:root #submenu1 {background:#0074c8; width:540px; left:10px; display:none; padding:0px 5px;}



		#submenu2{background:#0074c8; width:340px; left:240px; display:none; padding:0px 5px; *padding:0px 5px;}

	:root #submenu2{background:#0074c8; width:340px; left:240px; display:none; padding:0px 5px;}



		#submenu3{width:395px; left:230px; display:none; padding:0px 5px; *padding:0px 5px;}

	:root #submenu3{width:395px; left:230px; display:none; padding:0px 5px;}



		#submenu4{background:#0074c8; width:680px; left:0px; display:none; padding:0px 5px; *padding:0px 5px;}

	:root #submenu4{background:#0074c8; width:800px; top:35px; left:-115px; display:none; padding:0px 5px;}



		#submenu5{background:#0074c8; width:415px; left:265px; display:none; padding:0px 5px; *padding:0px 5px;}

	:root #submenu5{background:#0074c8; width:415px; left:265px; display:none; padding:0px 5px;}



		#menu_in li ul li a:link, #menu_in li ul li a:visited {display:block; color:#b2e1f5; font-size:11px; line-height:140%; margin-top:3px; padding:4px 8px; text-decoration:none; font-weight:bold;}

		#menu_in li ul li a:hover, #menu_in li ul li a:active, #menu_in li ul li a:focus{ color:#ffffff; background:#20518e; font-weight:bold;}



		.linktop{color:#ffffff; background:#20518e; !important;}







#container {position:relative; top:60px; _top:0px; width:100%; margin:0 auto; overflow:hidden; *zoom:1; background:url('/img/body_bg.gif') top center repeat-y; height:auto !important; height:100%; min-height:100%; _height:expression(parentNode.offsetHeight);}



/*#main_lnb {position:absolute; float:left; margin-left:0px; padding-left:32px; width:150px; top:122px; _top:42px;font-size:0; z-index:9999; overflow:visible !important;}

#main_lnb ul li{font-size:0; line-height:0;}



#lnb {position:absolute; float:left; margin-left:0px; padding-left:32px; width:150px; top:142px; _top:42px;font-size:0; z-index:9999; overflow:visible !important;}

#lnb ul li{font-size:0; line-height:0;}*/

.depth2{margin:6px 0px;}



#footer {width:100%; margin-top:60px; border-top:1px solid #e3e3e3; clear:both; *zoom:1;}

#footer #footer_container{width:978px; border-left:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3; position:relative; margin:0 auto; height:109px;}

		#footer_container .foot_logo {float:left; width:272px; padding:45px 0 31px 0; text-align:center;}

		#footer_container .copyright {float:left; margin-top:40px;}

		#footer_container .copyright .foot_link {}

		#footer_container .copyright .foot_link li {float:left;}

		#footer_container .copyright p {clear:both; *zoom:1; width:381px;}
		#footer_container .copyright .tel-link {display:block;position:absolute;top:50px;left:525px;width:130px;height:20px;text-indent:100%;white-space:nowrap;overflow:hidden;}
		#footer_container .family {float:right; padding:49px 47px 0px 0px;}





#footer02 {width:978px; position:relative; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; overflow:hidden; margin:0 auto;}

#footer02 #footer_container02 {padding:32px 45px 38px 45px; position:relative; margin:0 auto;}

#footer02 #footer_container02 .foot_network {padding-bottom:10px;}

#footer02 #footer_container02 .foot_add {padding-bottom:29px;zoom:1;}
#footer02 #footer_container02 .foot_add:after {content:"";clear:both;display:block;}
#footer02 #footer_container02 .foot_add .footTable {width:49%;float:left;font-size:11px;}
#footer02 #footer_container02 .foot_add .footTable:first-child {margin-right:2%;}
#footer02 #footer_container02 .foot_add .footTable table {margin:10px 0 0;width:100%;border-spacing:0;border-bottom:1px solid #999;}
#footer02 #footer_container02 .foot_add .footTable caption {display:none;}
#footer02 #footer_container02 .foot_add .footTable thead th {border-bottom:1px solid #999;color:#444;}
#footer02 #footer_container02 .foot_add .footTable tbody tr:nth-of-type(2n+1) {background:#f2f2f2;}
#footer02 #footer_container02 .foot_add .footTable td {border:0;}

#footer02 #footer_container02 .foot_text {}




/*#footer02 #footer_container02 .foot_sitemap{float:left; width:766px;}

#footer02 #footer_container02 .foot_sitemap .foot_sitemap_col{float:left; width:120px;}

#footer02 #footer_container02 .foot_sitemap .foot_sitemap_col h4{height:25px;}

#footer02 #footer_container02 .foot_sitemap .foot_sitemap_col ul li{height:20px;}

#footer02 #footer_container02 .foot_sitemap .foot_sitemap_col ul li a{color:#B5B5B5;}*/







/*

로고는 h1

대메뉴 h2

서브메뉴h3



메인의 컨텐츠 타이틀 h2

*/



#bnnrslidewrap {position:relative; width:100%; margin:20px 0 0; text-align:center; border:1px solid #e3e3e3;}
#bnnrslidewrap .bnnrslide {position:relative; overflow:hidden; height:44px;}
#bnnrslidewrap .bnnrslide li {}
#bnnrslidewrap .bnnrslide ul.rolling-list {position:absolute; top:0; left:0; width:99999px;}
#bnnrslidewrap .bnnrslide ul.rolling-list li.rolling-bnnr {float:left;margin:0 0 0 -1px;}
#bnnrslidewrap .bnnrslide ul.rolling-list li.rolling-bnnr a,
#bnnrslidewrap .bnnrslide ul.rolling-list li.rolling-bnnr img {float:left;}
#bnnrslidewrap p.btndir {display:none;height:0;}


/* 원장 전용 */
.spLoginWrap {min-height:800px;text-align:center;}
.spLoginWrap h1 {padding:115px 0 95px;background:#077abd;}
.spLoginWrap .txt {margin:50px 0 60px;}
.spLoginWrap fieldset {width:308px;margin:0 auto;border:0;text-align:left;}
.spLoginWrap fieldset label {position:fixed;top:-9999px;}
.spLoginWrap fieldset input {width:220px;height:54px;background:none;border:0;font-size:20px;line-height:54px;}
.spLoginWrap .spId {height:54px;padding:0 0 0 70px;background:url(/img/bg_sp_id.gif) no-repeat;}
.spLoginWrap .spPw {height:54px;margin:15px 0 30px;padding:0 0 0 70px;background:url(/img/bg_sp_pw.gif) no-repeat;}
.spLoginWrap .copy {position:fixed;bottom:0;left:0;right:0;background:#82848b;}

.sp #header {height:122px;border-bottom:1px solid #d8d8d8;}
.sp #header h1 {float:left;padding:45px 0 0 15px;}
.sp #header .btnLogout {float:right;padding:50px 0 0;}
.sp #container {top:0;}
.sp #lnb ul {margin-top:60px;}
.sp #lnb li {margin:0 0 5px;}
.sp #footer {margin:0;}
.thumbList ul {margin-left:-44px;}
.thumbList li {float:left;width:204px;margin:0 0 40px 44px;}
.thumbList li a {display:block;height:280px;border:1px solid #e2e2e2;letter-spacing:-1px;}
.thumbList li img {width:202px;height:154px;border-bottom:1px solid #e2e2e2;}
.thumbList li .tit {display:block;height:40px;padding:18px 10px 0;font-size:16px;}
.thumbList li .name {display:block;padding:10px;font-size:14px;line-height:1.6;}

.main_csr {overflow:hidden;}
.main_csr a {display:block;}
.main_csr a
.main_csr a img {display:block;border:0;}
.main-quick {float:left;}

#header-new {position:relative;padding-top:68px;z-index:8888;border-bottom:1px solid #ddd;min-width:1032px;}
#header-new img.block {display:block;}
#header-new .hgroup {display:block;position:relative;margin:0 auto;padding:38px 35px 44px 0px;width:980px;}
#header-new h1 {} 
#container {top:0;}
#header-new #menu {top:44px;}
#aside {position:absolute;top:0;left:0;width:100%;min-width:1032px;border-top:6px solid #0074c8;border-bottom:1px solid #ddd;background-color:#fff;}
#aside .contain {display:block;position:relative;margin:0 auto;width:983px;}
#aside .contain:after {content:'';display:block;clear:both;}
#aside ul {float:left;}
#aside ul:after {content:'';display:block;clear:both;}
#aside ul > li {float:left;border-left:1px solid #ddd;}
#aside .top-network {position:relative;margin-bottom:-1px;float:left;z-index:2;}
#side_slider {top:190px;}


.btnType1 {position:relative;display:inline-block;margin-left: 15px;padding:7px 40px 7px 10px;border:1px solid #ff8500;color: #ff8500 !important;border-radius:5px;vertical-align:3px;font-weight:bold;}
.btnType1:after {content:"";position:absolute;top:6px;right:10px;width:20px;height:20px;background:url('/images/common/icon_arrow.png') no-repeat;}


	.clsBannerScreen {position:relative; height: 385px; width:735px; overflow: hidden; float:left; cursor:pointer;}
	.clsBannerScreen .images {position:absolute; display:none; }
	ul, li {list-style:none; margin:0; padding:0; font-size:10pt; }
	.clsBannerButton {position:absolute; top:329px; right:10px; cursor:pointer;}
	.clsBannerButton li {width:40px;float:left;padding:2px;}
	.clsBannerButton li.fir {border-left:1px solid #e1e1e1;}
	.clsBannerButton li.labelOverClass {font-weight:bold;}

	/* /comm/menu */
	:root #submenu1{width: 650px;}

	/* /doctors/ci */
	h5.with_icon{position: relative; padding-left: 40px; background-image: url('/img/hana_emblem_09.png'); background-repeat: no-repeat; background-position: left center; font-size: 16px; line-height: 2em; font-family: NanumGothic; font-weight: 400;}
	a.btn_custom{display: inline-block;background-color: #0074c9; border: 0; padding: 10px 20px; color: #fff; cursor: pointer;}
	a.btn_icon span{display: inline-block; padding-right: 30px; background-repeat: no-repeat; background-position: right center; font-size: 16px; line-height: 1.5em;}
	a.btn_icon_arrow_right span{background-image: url('/img/hana_btn_icon_arrow_right.png');}
	.download_btn a.btn_custom{margin-right: 16px;}


	/* 2020-02-18 */

	.card_list_style_1 *{box-sizing: border-box;}
	.card_list_style_1{position: relative; border-top: 1px solid #111; padding-top: 5px; overflow: hidden;}
	.card_list_style_1 .card_list_style_1_head .list_search_box{border-top: 0 !important;margin-bottom: -20px;}
	.card_list_style_1 .card_list_style_1_body{}
	.card_list_style_1 .card_list_style_1_body ul{list-style: none;padding: 0;}
	.card_list_style_1 .card_list_style_1_body ul li{float: left;margin-top: 10px;}
	.card_list_style_1 .card_list_style_1_body ul.ul_col_3 li{width: 220px;height: 400px;float: left;margin-right: 20px;box-sizing: border-box;}
	.card_list_style_1 .card_list_style_1_body ul.ul_col_3 li:nth-child(3n){margin-right: 0;}
	.card_list_style_1 .card_list_style_1_body ul li a{display: block; width: 220px; height: 100%; border: 5px solid #e4e4e4; background-color: #fdfdfd; position: relative;}
	.card_list_style_1 .card_list_style_1_body ul li a:hover{border-color: #0074c9;}
	.card_list_style_1 .card_list_style_1_body ul li a i.img{display: block; width: 100%; height: 280px; position: relative; background-repeat: no-repeat; background-position: center; -webkit-background-size: 100%; background-size: 100%; border-bottom: 5px solid #e4e4e4;}
	.card_list_style_1 .card_list_style_1_body ul li a:hover i.img{border-color: #0074c9;}
	.card_list_style_1 .card_list_style_1_body ul li a i.img:after{}
	.card_list_style_1 .card_list_style_1_body ul li a:hover i.mov_img:after{background-position: 0 0;}
	.card_list_style_1 .card_list_style_1_body ul li a strong.press_idx{padding: 5px 10px; display: block;}
	.card_list_style_1 .card_list_style_1_body ul li a strong.title{width: 100%;display: block; padding: 5px 10px;max-height: 70px;overflow: hidden;font-weight: 400;letter-spacing: -.02em;}
	.card_list_style_1 .card_list_style_1_body ul li a:hover strong.title{color: #0074c9;}
	.card_list_style_1 .card_list_style_1_body ul li a span.date{/* position: absolute; */width: 100%;font-size: 14px;letter-spacing: -.03em; padding: 5px 10px;}