@charset "utf-8";

#skipnavigation {position:absolute;}
#skipnavigation h3 {text-indent: -2000px;}
.sknavi{	position:absolute;	top:-500px;}

.sknavi:focus, .sknavi:active{
	top:1px;
	display:block;

	width:200px;
	height:18px;
	padding:3px;
	margin-left:5px;
	text-align:center;
	font-size:100%; 
	font-weight:bold;
	background-color:#eee;
	border: 1px solid #135;
	text-decoration:none;
}
body {background:#fff; background: url(/img/layout/bg.gif);}
#container { margin: 0px; padding: 0px; clear: both; float: none; height: 100%; width: 100%;  overflow:hidden;}
#wrap {margin: 0px; padding: 0px; clear: both; float: none; height: 100%; width: 100%; margin:auto;}

#head_wrap { position: relative; clear: both; width:1490px; margin:auto; height: 80px; z-index:5; background:#766759; border-bottom:0px solid #b0b0b0; border-top-left-radius:0;  border-top-right-radius:0;   border-bottom-left-radius:15px; border-bottom-right-radius:15px;}
#head_box {position: relative;height: inherit;width:1490px;  margin:auto;}
	#logo_wrap {height: inherit;line-height: 80px;}
	#logo_wrap:after { display:block; height:0; content:""; float:none; clear:both; }
	#logo_wrap > div { float:left;  }
	#logo_wrap a { display:block; }
	#logo_wrap img { max-width:100%; }
	#toplogo { padding-left: 20px; }
	#toplogo3m {display:none; } 
	#toplogo5m {display:none; } 
	/*
	#toplogo {position: absolute; left: 20px; top:20px; z-index:10;}
	#toplogo3 { position:absolute; top:16px; left:500px; }
	#toplogo2 { position:absolute; top:16px; left:230px;}
	#toplogo img, #toplogo2 img, #toplogo3 img { max-width:100%; }
	*/
	#globalmenu { display:block; position: absolute; right:85px; top:7px;  z-index:10; font-size:0.9em; }
		#globalmenu ul { position: relative; /* top:15px; */ color:#333; /* display:inline; */ }
		#globalmenu ul.language { position: relative; top:10px; color:#333; /* display:inline; */ }
		#globalmenu ul.language li span { display: inline;}
		#globalmenu ul.member { position: relative; top:20px; color:#333; }
		#globalmenu .talktalk img{ width:23px; }
		#globalmenu .talktalk a{ display:block; }
		#globalmenu .talktalk:hover > ul{ display:block; }
		#globalmenu .talktalk > ul { display: none; position: absolute; top:20px; right:-2px; z-index:10; padding: 10px 0 0 0; }
		#globalmenu .talktalk > ul > li {width:122px; height: 38px; overflow: hidden; padding:0; float:inherit;}
		#globalmenu .m_talktalk{ display: none; }

		#globalmenu ul.link { position: relative; /* top:15px; */  color:#333; /* display:inline; */ }
		#globalmenu ul li { float: left; padding: 0 8px 0 5px;     height: 23px; }
		#globalmenu ul li img {vertical-align:middle; }
		#globalmenu ul li a { /* padding: 0 ; */ /* text-decoration:none; */ color:#fff; }
		#globalmenu ul li a:hover { display: inline; float: left; padding: 0; text-decoration:none; color:#fff; }
	#head_box .allmenu {position: absolute; right: 0px; top: 0px; width:83px; height:80px; background: url(/img/common/allmenu.png) no-repeat; padding-top:45px;box-sizing:border-box; text-align:center;z-index:999; color:#fff }
	#topmenu_box {display:none; position: absolute; top:110px; left:0; width:100%; height:30px; border:solid 0px #ccc;  }

#body_wrap { position: relative; height: auto; top:40px; width:1490px; margin:auto; z-index:1;}
#body_wrap:after { content:""; display:block; height:0; clear:both; float:none;}
	#body_left {position:relative; padding: 0; margin:0; float: left; width:220px; height:auto }
		#quick {position:relative; margin-top:0; background:#f4c710; width:220px;padding:15px 0 0 0}
		#quick:after { content:""; display:block; height:0; clear:both; float:none;}
		#quick ul { width:90%; margin:auto; }
		#quick ul li { float:left;text-align:center; width:33%; color:#695607; font-size:1em;}
		#quick .blog{ background:#7e6b5a; float:left;text-align:center; width:100%; color:#fff; font-size:1em; margin-top:10px; padding:5px 0; }
		/*#quick .blog{ background:#766759; float:left;text-align:center; width:50%; color:#fff; font-size:1em; margin-top:10px; padding:15px 0 0 0; height:80px;box-sizing:border-box; }
		#quick .face{ background:#4b82d6; float:left;text-align:center; width:50%; color:#fff; font-size:1em;margin-top:10px;padding:15px 0;height:80px;box-sizing:border-box; }*/
		#popupzone {position:relative; margin-top:0; }

	#body_content {float: right; width:1250px;	background:#fff; min-height:890px; margin:0 0 40px 0; padding:0; border-radius:15px; z-index:2;}
	* html #body_content{ display:inline;}
		#content_head {position:absolute; top:0px; right:0; width:1250px; border-bottom:1px solid #ddd; background:#f7f7f7; padding-bottom:30px;
						border-top-left-radius:15px;  border-top-right-radius:15px;   border-bottom-left-radius:0; border-bottom-right-radius:0; z-index:3;}
		#content_head:after { content:""; display:block; height:0; clear:both; float:none;}
			#page_left {position:absolute; top:70px; left:20px;}
			#page_right {position:absolute; top:70px; right:20px;}
			#location {position: relative;  text-align:center; font-size:14px; color:#666; width:100%;  }
			#location .line_box {display:inline-block;border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:5px}
			#location a{color:#999; }
			#content_title {   width:700px; margin:60px auto 30px auto; font-size:3.3em; text-align:center;  color:#000; font-weight:bold;   }
			#subtitle h1.bodytitle { height:30px; padding:0; margin:0;}
		#content_text {position: relative; color:#555;  line-height:170%; padding:230px 0 20px 0;  width:700px; margin:auto; font-size:1.1em; }
		#content_foot {height:30px;}

#foot_box{position:relative; margin:auto;  }
#clear_div { clear:both; height:0px} 

.hand { cursor:pointer; cursor:hand; }

/* Dz�� */
#foot_wrap { width:100%; position:relative; display:block;  margin-top:50px; bottom:0; padding:0; color:#777; border-top:1px solid #ddd;background:#fff;  }
#foot_link {width:100%; background:#644930; height:40px; padding-top:9px;box-sizing:border-box; }
#foot_link ul {width:1490px; margin:auto;}
#foot_link ul li {float:left; width: 16.6%; color:#e9e4e3; text-align:center;}
#foot_link ul li a {color:#fff}

#foot_wrap_con {position:relative; padding:20px 0; width:1490px; margin:auto; line-height:160%; border-bottom:1px solid #ddd;}
#foot_wrap_con:after { content:""; display:block; height:0; clear:both; float:none;}
#foot_wrap_con .copy_logo {position:relative; width:220px; float:left; margin-top:3px}
#foot_wrap_con .copyright {position:relative; width:1200px;  float:right;}

#foot_con_link {position:relative; width:1490px; margin:0 auto 20px auto; }
#foot_con_link:after { content:""; display:block; height:0; clear:both; float:none;}
#foot_con_link ul {position:relative; margin-top: 1%;  }
#foot_con_link ul li {float:left; margin-right: 1.7%; margin-bottom: 1%;text-align:center; font-size:0.85em; letter-spacing:-1px;}
#foot_con_link ul li:last-child {margin-right:0; }


/* 주 메뉴 */
#topmenu {z-index:10; position:relative;  }
/* #topmenu * { display: none; } */
#topmenu h3 { display: none; }
#topmenu > ul { list-style: none; position:relative;  margin: 0; padding:0; width:100%;background:#fff;
			 border-top-left-radius:15px;  border-top-right-radius:15px;   border-bottom-left-radius:0; border-bottom-right-radius:0;}
#topmenu > ul > li {display: inline; margin: 0; padding:0; }

#topmenu > ul > li > a {padding: 0 16px 0 25px;height: 54px;line-height: 54px;display: block; position: relative; border-bottom:1px solid #eaeaea; color: #333; font-size:18px !important; font-weight:400; cursor: pointer; z-index: 1; text-indent: -9999px;/* 이미지요소로대체시 */box-sizing: border-box;}
#topmenu > ul > li:first-child > a, #topmenu > ul > li:last-child > a {height: 56px;line-height: 56px;}

#topmenu > ul > li > a.noimg {background:none;}
#topmenu > ul > li.on > a { z-index: 3; color:#eca519; font-weight:700}
#topmenu > ul > li > ul { list-style: none; margin: 0; border-radius:0px; border-top-left-radius:0; border-top-right-radius:15px; border-bottom-left-radius:0; border-bottom-right-radius:15px; }
#topmenu > ul > li > ul { position:absolute; display:none; top:0; width:180px; left:220px; padding:0 !important; background:#766759; z-index:99; }
#topmenu .iebg { display: none; list-style: none; position: absolute; width: 100%;  margin: 0; padding:0;  z-index: 2; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src="/kor/img/topmenu/top2bg.png"); }/* [IE용] */

#topmenu > ul > li > ul > li { display: inline; float: none; margin: 0; padding:0; }
#topmenu > ul > li > ul > li a { display: block;  color: #fff !important; font-weight: normal; margin:0; padding:12px 0 12px 10px !important; border-bottom:1px solid #857465; white-space: nowrap; font-size: 14px !important;text-indent: 0;/* 2차텍스트는원상복구 */}
#topmenu > ul > li > ul > li:last-child a {border-bottom: 0;}
#topmenu > ul > li > ul > li a span { display: block; padding: 0; }


* html #topmenu > ul > li > ul > li a { width: 1%; }
#topmenu > ul > li > ul > li a.on { background:#f4c710; color:#322315 !important}
#topmenu > ul > li > ul > li a:hover{ background:#f4c710;color:#322315 !important}
#topmenu > ul > li > ul > li:first-child a:hover{ background:#f4c710;color:#322315 !important;border-top-left-radius:0;  border-top-right-radius:15px;   border-bottom-left-radius:0; border-bottom-right-radius:0; }
#topmenu > ul > li > ul > li:last-child a:hover{ background:#f4c710;color:#322315 !important;border-top-left-radius:0;  border-top-right-radius:0;   border-bottom-left-radius:0; border-bottom-right-radius:15px; }
#topmenu > ul > li > ul > li a:focus { color: #ffcc00 !important; font-weight: bold;}
#topmenu > ul > li > ul > li a.on span,
#topmenu > ul > li > ul > li a:hover span,
#topmenu > ul > li > ul > li a:focus span {}
#topmenu > ul > li > ul > li a.on {padding:0px 0px;  }
#topmenu > ul > li > ul > li:first-child a.on {padding:0px 0px; border-top-left-radius:0;  border-top-right-radius:15px;   border-bottom-left-radius:0; border-bottom-right-radius:0; }
#topmenu > ul > li > ul > li:last-child a.on {padding:0px 0px; border-top-left-radius:0;  border-top-right-radius:0;   border-bottom-left-radius:0; border-bottom-right-radius:15px; }

#topmenu > ul > li > ul#top2m1 { top:0;}
#topmenu > ul > li > ul#top2m2 {top: 55px;}
#topmenu > ul > li > ul#top2m3 {top: 109px;}
#topmenu > ul > li > ul#top2m4, #topmenu > ul > li > ul#top2m5, #topmenu > ul > li > ul#top2m6, #topmenu > ul > li > ul#top2m7, #topmenu > ul > li > ul#top2m8, #topmenu > ul > li > ul#top2m9 {bottom: 0;top: auto;}
/*
#topmenu > ul > li > ul#top2m6 { top:72px;}
#topmenu > ul > li > ul#top2m7 { top:158px;}
#topmenu > ul > li > ul#top2m8 { top:200px;}
#topmenu > ul > li > ul#top2m9 { top:158px;}
*/

#open_nav {display:none;}
#open_nav .open_gnb{display:block; width:1490px;  background:#807163; margin:auto} /* 전체메뉴 position:absolute; top:0;  */
#open_nav .open_gnb:after { content:""; display:block; height:0; clear:both; float:none;} 
#open_nav .open_gnb .open_gnb_align{ width:1490px;  margin:0 auto;}
#open_nav .open_gnb .open_gnb_align:after { content:""; display:block; height:0; clear:both; float:none;} 
#open_nav .open_gnb .open_gnb_align ul.open_gnb_list{ position:relative; float:left; width:1490px;  padding:30px 0 30px 20px;} /* 오픈메뉴 리스트영역 */
#open_nav .open_gnb .open_gnb_align .gnb_close { display:none; position:absolute; top:4%; right:5%; font-size:3em;text-align: center; }
#open_nav .open_gnb .open_gnb_align #gnb_close { color:#fff; cursor:pointer; }
#open_nav .open_gnb .open_gnb_align ul.open_gnb_list li{float:left; width:11%;  border-left:1px solid #948679}
#open_nav .open_gnb .open_gnb_align ul.open_gnb_list li:first-child{float:left; width:11%;  border-left:0px solid #948679}
#open_nav .open_gnb .open_gnb_align ul.open_gnb_list li.gnb_1depth_01{}
#open_nav .open_gnb .open_gnb_align ul.open_gnb_list li.gnb_1depth_02{}
#open_nav .open_gnb .open_gnb_align ul.open_gnb_list li.gnb_1depth_03{}
#open_nav .open_gnb .open_gnb_align ul.open_gnb_list li.gnb_1depth_04{}
#open_nav .open_gnb .open_gnb_align ul.open_gnb_list li.gnb_1depth_05{}
#open_nav .open_gnb .open_gnb_align ul.open_gnb_list li.gnb_1depth_06{}
#open_nav .open_gnb .open_gnb_align ul.open_gnb_list li.gnb_1depth_07{}
#open_nav .open_gnb .open_gnb_align ul.open_gnb_list li.gnb_1depth_08{}
#open_nav .open_gnb .open_gnb_align ul.open_gnb_list li.gnb_1depth_09{}
#open_nav .open_gnb .open_gnb_align ul.open_gnb_list li strong{display:inline-block; padding:0 0 10px 10px; color:#fff; font-size:1.3em; font-weight:700;}
#open_nav .open_gnb .open_gnb_align ul.open_gnb_list li ul.gnb_2depth{width:auto; height:auto; padding:0;} /* 오픈메뉴 2뎁스영역 */
#open_nav .open_gnb .open_gnb_align ul.open_gnb_list li ul.gnb_2depth li{float:none; width:auto; height:auto; line-height:160%; padding:0 0 0 10px; border:0px; font-size:1em;}
#open_nav .open_gnb .open_gnb_align ul.open_gnb_list li ul.gnb_2depth li a{color:#e8e2dd;}
#open_nav .open_gnb .open_gnb_align ul.open_gnb_list li ul.gnb_2depth li a:hover{color:#c9bfb5}


/* 비급여 팝업 */
.uninsured { position: relative; width: 100%; height:100%; background: #fff; border:1px solid #ddd; box-sizing: border-box; overflow: hidden; display: none; }
.uninsured table { width: 100%; border-top: 2px solid #66594d; border-bottom: 2px solid #ddd; font-size:12px; color: #666; text-align: center; }
.uninsured table th, .uninsured table td { padding: 2% 1%}
.uninsured table th { color: #66594d; background: #f1f1f1; border-bottom: 1px solid #fff; }
.uninsured table td { border-top: 1px solid #ddd; vertical-align: middle; }
.uninsured .title { width: 100%; padding:4% 0; font-size: 1.3em; font-weight:700; text-align: center; color:#644930; background: #fff; border-bottom:1px solid #ddd; box-sizing: border-box; }
.uninsured .title a{ display: block; float: right; margin: -1% 20px 0 0; width: 25px; height: 25px; line-height: 25px; text-align: center; color:#644930; border:1px solid #ccc; }
.uninsured .scroll { margin: 0 auto; width:100%; height: 90%; overflow: hidden; overflow-y:scroll; }
#btn_uninsured{color:#999;}	/* 열기 버튼 */

#simplemodal-container { position: absolute !important; max-width: 450px; width: 60%; height: 55%; } /* 감싸는 영역 */
#simplemodal-container .simplemodal-wrap { box-sizing: border-box; overflow: hidden !important; }
#simplemodal-overlay { background: none; }	/* 배경색 */
a.simplemodal-close { float: right; }		/* 닫기 버튼 */

@media (max-width:640px) {
	#simplemodal-container  { width: 90%; height:90%; }	/* 모바일 감싸는 영역 */
}