@charset "euc-kr";

/*13.02.13 - À̹ÌÁö Ŭ¸¯½Ã À̹ÌÁö ¿µ¿ª ¾Èº¸ÀÌ°Ô~*/
a {selector-dummy: expression(this.hideFocus=true);}
a,img {selector-dummy: expression(this.hideFocus=true);}
a,img,input{selector-dummy: expression(this.hideFocus=true);}

* { margin:0; padding:0; }
body { color:#777; font:12px dotum,µ¸¿ò; background:#fff  }
img { border:0; }
ul, ul li, ol, ol li { list-style:none; }
table { border-collapse:collapse; }
input, textarea { color:#000; font:12px dotum,µ¸¿ò,Myriad Pro; }
select { color:#777; font-size:12px; }
em { font-style:normal; }

a:link { color:#777; text-decoration:none; }
a:visited { color:#777; text-decoration:none; }
a:hover { color:#777; text-decoration:underline; }
a:active { color:#777; text-decoration:none; }

.png24 { tmp:expression(setPng24(this)); }

/*Äü¸Þ´º*/
.rnb { no-repeat; width:90px; height:343px; position:relative; left:910px; top:220px;}

.rnb_main { no-repeat; width:90px; height:343px; position:relative; left:630px; top:190px;} /*ÀͽºÇ÷η¯*/
.rnb_main_c { no-repeat; width:90px; height:343px; position:relative; left:830px; top:190px;} /*Å©·Ò*/

.rnb_top2_1 { no-repeat; width:90px; height:343px; position:relative; left:908px; top:183px;}
.rnb_top3 { no-repeat; width:90px; height:343px; position:relative; left:910px; top:150px;}
.rnb_board { no-repeat; width:90px; height:343px; position:relative; left:576px; top:251px;}

#wrap { width:960px; margin:0 auto; padding-bottom:20px; }
	#header { position:relative; height:88px; }
	#header h1 { float:left; padding:36px 81px 0 60px; }
	#header .topMenu { float:right; padding-top:48px; }
	#header .topMenu ul { float:left; /*width:402px;*/ height:12px; margin:6px 24px 0 0; }
	#header .topMenu li { float:left; }
	#header .topMenu li a { overflow:hidden; display:block; height:14px; text-indent:-9999px; background:url('/html/images/sprt_topMenu.gif') no-repeat; }
	#header .topMenu li a.story { width:54px; background-position:0 0; }
	#header .topMenu li a.news { width:63px; background-position:-54px 0; }
	#header .topMenu li a.online { width:114px; background-position:-117px 0; }
	#header .topMenu li a.login { width:56px; background-position:-231px 0; }
	#header .topMenu li a.logout { width:65px; background-position:-411px 0; }
	#header .topMenu li a.my { width:78px; background-position:-476px 0; }
	#header .topMenu li a.join { width:65px; background-position:-287px 0; }
	#header .topMenu li a.customer { width:50px; background-position:-352px 0; }
	#header .topMenu li a.story:hover, #header .topMenu li a.story_on { width:54px; background-position:0 -27px; }
	#header .topMenu li a.news:hover, #header .topMenu li a.news_on { width:63px; background-position:-54px -27px; }
	#header .topMenu li a.online:hover, #header .topMenu li a.online_on { width:114px; background-position:-117px -27px; }
	#header .topMenu li a.login:hover, #header .topMenu li a.login_on { width:56px; background-position:-231px -27px; }
	#header .topMenu li a.logout:hover, #header .topMenu li a.logout_on { width:65px; background-position:-411px -27px; }
	#header .topMenu li a.my:hover, #header .topMenu li a.my_on { width:78px; background-position:-476px -27px; }
	#header .topMenu li a.join:hover, #header .topMenu li a.join_on { width:65px; background-position:-287px -27px; }
	#header .topMenu li a.customer:hover, #header .topMenu li a.customer_on { width:50px; background-position:-352px -27px; }
	#header .topMenu .btn img { position:relative; top:-3px; }
	#header .top { position:absolute; top:0; right:0; width:356px; height:24px; padding:8px 0 0 33px; background:url('/html/images/bg_header_top.gif') no-repeat; }
	#header .top a { overflow:hidden; float:left; display:block; height:13px; text-indent:-9999px; }
	#header .top a.psy { width:41px; margin-right:23px; }
	#header .top a.counsell { width:21px; margin-right:24px; }
	#header .top a.clinic { width:50px; margin-right:24px; }
	#header .top a.program { width:59px; margin-right:26px; }
	#header .top a.edu { width:49px; }


	#menu { height:172px; margin-top:-3px; }
	#menu ul { margin-left:30px; }
	#menu ul li { float:left; }
	#menu ul li a { overflow:hidden; display:block; height:36px; text-indent:-9999px; background:url('/html/images/sprt_menu.gif') no-repeat; }
	#menu ul li a.menu1 { width:156px; background-position:0 0; }
	#menu ul li a.menu2 { width:83px; background-position:-156px 0; }
	#menu ul li a.menu3 { width:93px; background-position:-239px 0; }
	#menu ul li a.menu4 { width:126px; background-position:-332px 0; }
	#menu ul li a.menu5 { width:129px; background-position:-458px 0; }
	#menu ul li a.menu6 { width:178px; background-position:-587px 0; }
	#menu ul li a.menu7 { width:115px; background-position:-766px 0; }
	#menu ul li a.menu1:hover, #menu ul li a.menu1_on { width:156px; background-position:0 -36px; }
	#menu ul li a.menu2:hover, #menu ul li a.menu2_on { width:83px; background-position:-156px -36px; }
	#menu ul li a.menu3:hover, #menu ul li a.menu3_on { width:93px; background-position:-239px -36px; }
	#menu ul li a.menu4:hover, #menu ul li a.menu4_on { width:126px; background-position:-332px -36px; }
	#menu ul li a.menu5:hover, #menu ul li a.menu5_on { width:129px; background-position:-458px -36px; }
	#menu ul li a.menu6:hover, #menu ul li a.menu6_on { width:178px; background-position:-587px -36px; }
	#menu ul li a.menu7:hover, #menu ul li a.menu7_on { width:115px; background-position:-766px -36px; }

	#contents { overflow:hidden; width:100%; }
		#lCont { float:left; width:200px; padding:0 0 0 50px; }
			.sub {}
			.sub li {}
			.sub li a { display:block; overflow:hidden; width:160px; height:31px; text-indent:-9999px; }
			.sub li a.sub1 { background-position:0 0; }
			.sub li a.sub2 { background-position:0 -31px; }
			.sub li a.sub3 { background-position:0 -62px; }
			.sub li a.sub4 { background-position:0 -93px; }
			.sub li a.sub5 { background-position:0 -124px; }
			.sub li a.sub6 { background-position:0 -155px; }
			.sub li a.sub7 { background-position:0 -186px; }
			.sub li a.sub8 { background-position:0 -217px; }
			.sub li a.sub1:hover, .sub li a.sub1_on { background-position:-160px 0; }
			.sub li a.sub2:hover, .sub li a.sub2_on { background-position:-160px -31px; }
			.sub li a.sub3:hover, .sub li a.sub3_on { background-position:-160px -62px; }
			.sub li a.sub4:hover, .sub li a.sub4_on { background-position:-160px -93px; }
			.sub li a.sub5:hover, .sub li a.sub5_on { background-position:-160px -124px; }
			.sub li a.sub6:hover, .sub li a.sub6_on { background-position:-160px -155px; }
			.sub li a.sub7:hover, .sub li a.sub7_on { background-position:-160px -186px; }
			.sub li a.sub8:hover, .sub li a.sub8_on { background-position:-160px -217px; }

			.story li a { background:url('/html/images/sprt_sub_story.gif') no-repeat; }

			.lLink {width:148px; height:206px; margin:28px 0 0 6px; background:url('/html/images/left_links.gif') no-repeat left top;}
			.lLink li {float:left;}
			.lLink li a {display:block; width:72px; height:67px; overflow:hidden; text-indent:-9999px;}

		#rCont { float:left; width:710px; }

#footer { height:101px; margin:0 8px; background:url('/html/images/bg_footer.gif') repeat-x top; }
#footer .wrap { width:960px; margin:0 auto; padding:22px 0 0 68px; }
#footer .wrap .copyright { float:left; }
#footer .wrap p { float:right; margin-right:75px; }

/* paging */
.paging { width:100%; text-align:center; }
.paging a { margin:0 6px; color:#474747; font:11px tahoma; }
.paging a.current { font-weight:bold; }
.paging a.btn { margin:0 1px; }
.paging a.btn_prev { margin:0 23px 0 1px; }
.paging a.btn_next { margin:0 1px 0 23px; }
.paging img { vertical-align:middle; }

/* Layer */
.login_layer2{ _position:fixed; position:absolute; top:0; left:0; width:100%; height:100%; display:none;}
.login_layer2 .bg{ position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.login_layer2 .fg{ position:absolute; width:305px; height:285px; padding:60px 0 0 0; top:100px; left:30%; background:#fff url('/html/images/member/login_layer_bg.gif') no-repeat left top; border:3px solid #5891de;}
.login_layer2 .fg .btn_close {position:absolute; right:10px; top:7px; display:block; width:20px; height:20px; overflow:hidden; text-indent:-9999px;}
.login_layer2 .fg .btn_area {width:245px; margin:0 auto; padding:10px 0 0 0; text-align:center; border-top:1px solid #e7e7e7;}
.login_layer2 .fg .login {width:245px; margin:0 auto; padding:0 0 17px;}
.login_layer2 .fg .login * {vertical-align:middle;}
.login_layer2 .fg .login p {padding:0 0 7px;}
.login_layer2 .fg .login label {display:inline-block; width:63px;}
.login_layer2 .fg .login .txt {width:108px; height:20px; border:1px solid #eee;}
.login_layer2 .fg .mainSlt { margin:12px 30px 0; border:1px solid #d1dfe5; }
.login_layer2 .fg .mainSlt p { height:20px; padding:8px 0 0 19px; border-bottom:1px solid #d1dfe5; background:#f0f8fd; }
.login_layer2 .fg .mainSlt ul { padding:10px 0; font-size:11px; }
.login_layer2 .fg .mainSlt ul li { height:19px; padding-left:19px; }
.login_layer2 .fg .mainSlt ul li input { margin:0 2px 3px 0; vertical-align:middle; }
.login_layer2 .fg .mainSlt ul li label { vertical-align:middle; }

/*.LayerMaind { position:absolute; z-index:5000; top:100px;  width:100%; }*/
.LayerMaind { position:absolute; z-index:5000; top:100px;  width:346px; }
.LayerMaind .layerNoti { left:100px; width:346px; padding:15px 0 9px 9px; border:2px solid #58a2c8; background:#f9f9f9; }
.LayerMaind .layerNoti h1 { padding-left:7px; }
.LayerMaind .layerNoti .tit { position:relative; height:33px; }
.LayerMaind .layerNoti .tit a { position:absolute; top:0; right:10px; }
.LayerMaind .layerNoti .cont { width:307px; height:395px; padding:15px 15px 0; background:url('/html/images/common/bg_layer_noti.gif') no-repeat; }
.LayerMaind .layerNoti .cont p.t { height:25px; padding:2px 0 0 23px; border-bottom:1px solid #e4e4e4; font-weight:bold; color:#3672c2; background:url('/html/images/common/ico_arr.gif') no-repeat; }
.LayerMaind .layerNoti .notiTxt { height:338px; padding:15px 4px 0 10px; color:#888; font-size:11px; line-height:18px; overflow-y:auto;}
.LayerMaind .layerNoti .btn { position:relative; width:100%; padding-top:11px; font-size:11px; font-weight:bold; text-align:right; }
.LayerMaind .layerNoti .btn img, .LayerMaind .layerNoti .btn input, .LayerMaind .layerNoti .btn label { vertical-align:middle; }
.LayerMaind .layerNoti .btn input { margin-bottom:3px; }
.LayerMaind .layerNoti .btn p { position:absolute; top:15px; left:0; }

.guide_layer { position:absolute; z-index:5000; top:0; left:0; width:100%; height:100%;}
.guide_layer .bg{ position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.guide_layer .reserveInfo { position:absolute; top:20px; left:30px; width:644px; border:4px solid #5891de; background:#fff; }
.guide_layer .reserveInfo .tit { height:32px; background:url('/html/images/counsel/bg_layer_tit.gif') repeat-x; padding:15px 0 0 0; }
.guide_layer .reserveInfo .tit .pop_t { float:left; padding:0px 0 0 30px; }
.guide_layer .reserveInfo .tit a { float:right; margin:0px 10px 0 0; }
.guide_layer .infoWrap { padding:20px; }
.guide_layer .infoWrap h3 { margin-bottom:15px; padding-left:4px; }
/*
.guide_layer .infoWrap .desc { margin-bottom:14px; padding-right:31px; color:#adadad; font-size:11px; text-align:left; }
*/
.guide_layer .infoWrap .desc { margin-bottom:14px; padding-right:31px; color:#666666; font-size:11px; text-align:left; }