@charset "utf-8";


/* visual */
#visualH{width:100%; height:460px; overflow:hidden;z-index:1;position:relative}
#visualH #quick{position:absolute;left:50%; bottom:0;margin-left:300px;overflow:hidden;z-index:1000}
#visualH #quick ul li{width:300px;height:70px;color:#fff;font-size:18px;position:relative}
#visualH #quick ul .li1{background:#187a5b}
#visualH #quick ul .li2{background:#498749}
#visualH #quick ul .li3{background:#89923e}
#visualH #quick ul .li4{background:#d99136}
#visualH #quick ul li img{margin:9px 0 0 17px}
#visualH #quick ul li .title{font-weight:500;position:absolute;left:89px;top:21px}
#visualH #quick ul li .arrow{font-family:'굴림',Gulim;font-weight:900;display:inline-block;width:66px;height:70px;position:absolute;right:0;top:0;text-align:center;line-height:70px}
#visualH #quick ul .li1 .arrow{background:#136249}
#visualH #quick ul .li2 .arrow{background:#3a6c3a}
#visualH #quick ul .li3 .arrow{background:#6e7532}
#visualH #quick ul .li4 .arrow{background:#ae742b}

#visualH #accordion {width: 251px;height: 176px;position:absolute ;display:block;overflow:hidden;left:50%;bottom:0;margin-left:326px;z-index:9999;}
#visualH .panel_container{bottom:0px;background-position:top right;background-repeat:repeat-x;}
#visualH h3{font-size: 12px;margin: 0;color:#fff;display:block;background:url("../img/tab-left.png") top left no-repeat; width:251px; height:44px;}
#visualH #visible {background-image:url("../img/tab-left-active.png");width:251px; height:44px;}
#visualH .panel_body {background-color:#333333;display:block;position:relative;color:#FFFFFF;}

.ui-stackmenu {position: relative;}
.ui-stackmenu-item {	position: absolute;}

#lnb {position: absolute;z-index: 50;left:1290px;top:285px;cursor: pointer; }
#lnb_ul {}
#lnb_ul li {display: block;padding: 0px;}
#lnb_ul li > ul {display:none;}
#lnb_ul li img {border: none 0;}



/* bx slider */
.o-h{ overflow: hidden !important; }
.on-page{ overflow: hidden;}
.on-page.glass {height:370px;}
.bg-overay{ position:relative;; top:0 !important; left:0;}
.bg-overay2{ position:relative;; top:0; left: 50%; margin-left: -960px;}
.spot_visual { height:460px; background:#fff; z-index:1;overflow:hidden;width:100%;margin:0 auto;}   /* 배경색 */
.main_visual { width:1920px; height:460px; position: absolute; left: 50%; top: 0; margin-left: -960px;  }
.main_banner {margin:0 auto 0px; width:100%; }
.main_banner .banner_img{ position:relative;  height:460px;  }
.main_banner .banner_img .banner_list li { width:1920px; height:460px; padding:0; position: relative; }
.main_banner .banner_img .banner_list li .cont {width: 1000px; position:absolute; top:98px;left:50%; margin-left: -555px; z-index: 10;} /* .cont 글씨 부분 */
.main_banner .banner_img .banner_list li .cont p.txt {font-size:24px; margin-top:29px !important; padding-left:5px;color:#333; line-height:24px;text-shadow:0 0 2px #fff;float:left;}
.main_banner .banner_img .banner_list li .cont p.tit{margin-top:15px; position:relative; font-size:20px;color:#333;line-height:35px;text-shadow:0 0 2px #fff;float:left;}
.main_banner .banner_img .banner_list li .cont .btn{font-size:16px; color:#333;display: inline-block;*display: inline;*zoom: 1;text-shadow:0 0 2px #fff}
.main_banner .banner_img .banner_list li .cont .btn a > span{ display: inline-block; *display: inline; *zoom: 1; position: relative; overflow: hidden; }

/*.main_visual .main_banner .bx-pager{width: 1200px; position: absolute; left: 50%; top: 430px; z-index: 100;  text-align: center; margin-left: -512px; } /* 하단 페이징 버튼*/
.main_visual .main_banner .bx-pager .bx-pager-item{display: inline-block; *display: inline; *zoom: 1; margin-left: 7px;}
.main_visual .main_banner .bx-pager .bx-pager-item a{ display: inline-block; *display: inline;  *zoom: 1; width: 8px; height: 8px; background-image: url(img/m_dot_off.png); background-position: 0 0; background-repeat: no-repeat;  overflow: hidden; text-indent: -3000px }
.main_visual .main_banner .bx-pager .bx-pager-item a.active{ background-image: url(img/m_dot_on.png);  }

.main_visual .main_banner .bx-controls-direction{width: 1200px; margin: 0 auto;position: relative;z-index: 200} /* 좌,우 화살표 영역*/
.main_visual.mother .main_banner .bx-controls{display: none;}
.main_visual .main_banner .bx-controls-direction .bx-prev{  position: absolute; left: 50%;   top: 240px; width: 25px; height: 54px; overflow: hidden; text-indent: -9999px; background:  url(img/m_slide_left_off.png) 0 0 no-repeat;  z-index: 100; margin-left: -480px;}
.main_visual .main_banner .bx-controls-direction .bx-prev:hover{ background:  url(img/m_slide_left_on.png) 0 0 no-repeat; }
.main_visual .main_banner .bx-controls-direction .bx-next{  position: absolute; left: 50%; top: 240px; width: 25px; height: 54px; overflow: hidden; text-indent: -9999px; background:  url(img/m_slide_right_off.png) 0 0 no-repeat; margin-left: 470px; z-index: 100;  }
.main_visual .main_banner .bx-controls-direction .bx-next:hover{ background:  url(img/m_slide_right_on.png) 0 0 no-repeat; }

.main_visual .main_banner .bx-controls-auto{position: absolute; left: 50%; top: 460px; z-index: 100; margin-left: 450px;} /* 플레이,스탑 버튼 위치*/
.main_visual .main_banner .bx-controls-auto .bx-controls-auto-item{float:left}
.main_visual .main_banner .bx-controls-auto .bx-controls-auto-item a.bx-start{display:block;width:11px;height:12px;background:url(images/m_play_on.png) 0 0 no-repeat;overflow:hidden;text-indent:-9999px}
.main_visual .main_banner .bx-controls-auto .bx-controls-auto-item a.bx-stop{display:block;width:11px;height:12px;background:url(images/m_play_off.png) 0 0 no-repeat;overflow:hidden;text-indent:-9999px;margin-left:10px}




/* content */
#contentH{width:1200px; margin:0 auto; position:relative;overflow:hidden}
#contentH h3{font-size:22px;font-weight:700;color:#2a2a2a}
#contentH h3 a{color:#2a2a2a}


#con_wrap0{
	width:298px;
	height:670px;
	float:left;
}

#con_wrap0 #notice{
	float:left;
	width:298px;
	height:159px;
	position:relative;
	border-left:#d6d3c5 1px solid;
	border-right:#d6d3c5 1px solid;
	border-bottom:#d6d3c5 1px solid;
}
#con_wrap0 h3{
	margin:18px 0 0 21px;
}
#con_wrap0 #notice ul{
	margin:18px 0 0 21px;
}
#con_wrap0 #notice ul li{
	background:url("../img/bullet1.png") 0 10px no-repeat;
	padding-left:10px;
	line-height:24px;
}

#con_wrap0 #faq{
	float:left;
	width:298px;
	height:160px;
	position:relative;
	border-left:#d6d3c5 1px solid;
	border-right:#d6d3c5 1px solid;
	border-bottom:#d6d3c5 1px solid;
}
#con_wrap0 #faq ul{
	margin:18px 0 0 21px;
}
#con_wrap0 #faq ul li{
	background:url("../img/bullet1.png") 0 10px no-repeat;
	padding-left:10px;
	line-height:24px;
}

#con_wrap0 #letter{
	float:left;
	width:298px;
	height:160px;
	position:relative;
	border-left:#d6d3c5 1px solid;
	border-right:#d6d3c5 1px solid;
	border-bottom:#d6d3c5 1px solid;
}
#con_wrap0 #letter ul{
	margin:18px 0 0 21px;
}
#con_wrap0 #letter ul li{
	background:url("../img/bullet1.png") 0 10px no-repeat;
	padding-left:10px;
	line-height:24px;
}

#con_wrap0 #newsletter{
	float:left;
	width:300px;
	height:190px;
	background:#187a5b;
}
#con_wrap0 #newsletter p.title{
	width:300px;
	font-size:16px;
	color:#fff;
	font-weight:400;
	text-align:center;
	margin-top:8px;
}
#con_wrap0 #newsletter p.month{
	width:300px;
	font-size:18px;
	color:#ff8f00;
	font-weight:500;
	text-align:center;
	position:relative;
}
#con_wrap0 #newsletter p.month:after{
	content:'월간호스피스';
	position:absolute;
	top:0;
	left:0;
	width:300px;
	background:#187a5b;
	font-size:16px;
	color:#ff8f00;
	font-weight:500;
	text-align:center;
}
#con_wrap0 #newsletter .box1{
	width:300px;
	text-align:center;
	margin-top:0px;
}
#con_wrap0 #newsletter .box1 img{
	width:128px;
}
#con_wrap0 #newsletter .box2{
	width:300px;
	text-align:center;
	margin-top:3px;
	margin-top:0px;
}
#con_wrap0 #newsletter .box2 a:first-child img{
	width:68px;
}
#con_wrap0 #newsletter .box2 a:last-child img{
	width:115px;
}
#con_wrap0 .more{
	position:absolute;
	right:22px;
	top:28px;
}


#con_wrap1{width:902px;height:320px;overflow:hidden; float:left;}
#con_wrap1 h3{margin:41px 0 0 21px}
#con_wrap1 #gallery{float:left;width:600px;height:320px;position:relative;}
#con_wrap1 #gallery ul{margin:28px 0 0 25px}
#con_wrap1 #gallery ul li{float:left;width:170px;margin-right:18px}
#con_wrap1 #gallery ul li img{width:170px;height:122px}
#con_wrap1 #gallery ul li a{display:block}
#con_wrap1 #gallery ul li a.title{margin:17px 0 0 5px}
#con_wrap1 #sharing{float:left;width:298px;height:320px;position:relative;border-left:#d6d3c5 1px solid;border-right:#d6d3c5 1px solid}
#con_wrap1 #sharing .box1{margin:28px 0 0 21px;width:263px;overflow:hidden}
#con_wrap1 #sharing .box1>img{float:left;width:118px;height:162px;}
#con_wrap1 #sharing .box2{float:right;width:128px;line-height:20px}
#con_wrap1 #sharing .box2 .title{font-size:17px;color:#00825b;margin-bottom:10px;font-weight:500;}
#con_wrap1 #sharing .box2>a{margin-top:21px;display:block;}
#con_wrap1 #sharing .box2>img{margin-top:21px;}
#con_wrap1 .more{position:absolute; right:22px; top:50px;}

#con_wrap2{width:902px;height:350px;overflow:hidden; float:left;}

#con_wrap2 #guick{float:left;width:600px;height:348px;border-top:#d6d3c5 1px solid;border-bottom:#d6d3c5 1px solid;overflow:hidden}
#con_wrap2 #guick ul li{float:left;width:157px;height:90px;margin:18px 0 0 25px;padding-left:118px}
#con_wrap2 #guick ul .li1{background:url("../img/quick01.jpg") 0 0 no-repeat}
#con_wrap2 #guick ul .li2{background:url("../img/quick02.jpg") 0 0 no-repeat}
#con_wrap2 #guick ul .li3{background:url("../img/quick03.jpg") 0 0 no-repeat}
#con_wrap2 #guick ul .li4{background:url("../img/quick04.jpg") 0 0 no-repeat}
#con_wrap2 #guick ul .li5{background:url("../img/quick05.jpg") 0 0 no-repeat}
#con_wrap2 #guick ul .li6{background:url("../img/quick06.jpg") 0 0 no-repeat}
#con_wrap2 #guick ul li h4{font-size:18px;font-weight:600;margin:10px 0 5px;line-height:18px}
#con_wrap2 #guick ul li h4{color:#2a2a2a}
#con_wrap2 #guick ul li h4 img{margin-left:5px}
#con_wrap2 #guick ul li p{line-height:18px}
#con_wrap2 #tel{float:left;width:300px;height:350px;background:#e7e5db;}
#con_wrap2 #tel h3{margin:29px 0 0 21px}
#con_wrap2 #tel p{margin:2px 0 0 21px}
#con_wrap2 #tel ul{margin:20px 0 0 45px}
#con_wrap2 #tel ul li{margin-bottom:10px;font-size:18px;font-weight:600;letter-spacing:0;line-height:40px}
#con_wrap2 #tel ul li img{margin-right:10px}
#con_wrap2 #tel ul li span{font-size:22px}
#con_wrap2 #tel ul li .span1{color:#087952}
#con_wrap2 #tel ul li .span2{color:#618912}
#con_wrap2 #tel ul li .span3{color:#c8750d}