@charset "utf-8";
@import url(common.css);
@import url(main_layout.css);

#topHeadMenu{
	position:relative;
	width:985px;
	height:88px;
}

#siteLogo{
	position:relative;
	padding:15px 0 0 40px;
	width:122px;
	height:66px;
	float:left;
}
#topHeadMenuList{
	position:relative;
	padding:15px 0 0 300px;
	width:520px;
	height:70px;
	float:left;
}
#topHeadMenuList_default{
	position:relative;
	width:100%;
	height:30px;
}
#topHeadMenuList_default dl dt,dd{
	position:relative;
	float:left;
}
#topHeadMenuList_default .defaultMenu dd{
	padding:0 2px 0 2px;
}

#topHeadMenuList_default .foreginSite dd{
	padding:1px 5px 0 10px;
}
#searchEngine{
	position:relative;
	padding-left:180px;
	width:330px;
	height:30px;
}
#searchEngine div{
	float:left;
}
#searchSelect{
	position:relative;
	width:90px;
	height:22px;
}
#searchInput{
	position:relative;
	width:183px;
	height:22px;
	background:url(/img/main/bg_search.gif);
}
#searchBtn{
	position:relative;
	padding-left:10px;
	width:40px;
	height:22px;
}
.searchInputStyle{
	margin: 3px 0 0 5px;
	width:170px;
	height:16px;
	border:solid 0px;
}
#top_menu{
	position:relative;
	width:985px;
	height:60px;
	background-color:#e7eaed;
}
#top_menu ol li{
	position:relative;
	float:left;
	width:auto;
	height:auto;
}
#sub_navi_1{
	position:absolute;
	top:36px;
	left:40px;
	width:900px;
	height:25px;
	/*background: url(/image/subindex/01_intro/submenu_bg.jpg) no-repeat;*/
	z-index:999;
}

#sub_navi_1 li{
	position:relative;
	width:auto;
	padding:4px 20px 0 20px;
	background: url(/image/01_intro/menu_bl.gif) no-repeat 8px 9px;
}

#sub_navi_2{
	position:absolute;
	top:36px;
	left:24px;
	width:780px;
	height:22px;
}

#sub_navi_2 li{
	position:relative;
	width:auto;
	padding:4px 20px 0 20px;
	background: url(/image/01_intro/menu_bl.gif) no-repeat 8px 9px;
}

#sub_navi_3{
	position:absolute;
	top:36px;
	left:20px;
	width:600px;
	height:22px;
}

#sub_navi_3 li{
	position:relative;
	width:auto;
	padding:4px 20px 0 20px;
	background: url(/image/01_intro/menu_bl.gif) no-repeat 8px 9px;
}

#sub_navi_4{
	position:absolute;
	top:36px;
	left:-200px;
	width:650px;
	height:22px;
}

#sub_navi_4 li{
	position:relative;
	width:auto;
	padding:4px 20px 0 20px;
	background: url(/image/01_intro/menu_bl.gif) no-repeat 8px 9px;
}

#sub_navi_5{
	position:absolute;
	top:36px;
	left:-140px;
	width:450px;
	height:22px;
}

#sub_navi_5 li{
	position:relative;
	width:auto;
	padding:4px 20px 0 20px;
	background: url(/image/01_intro/menu_bl.gif) no-repeat 8px 9px;
}

#sub_navi_6{
	position:absolute;
	top:36px;
	left:-340px;
	width:500px;
	height:22px;
}

#sub_navi_6 li{
	position:relative;
	width:auto;
	padding:4px 20px 0 20px;
	background: url(/image/01_intro/menu_bl.gif) no-repeat 8px 9px;
}
/*#top_menu ol li ul{
	position:absolute;
	float:left;
	width:930px;
	padding:9px 0 0 49px;
	border:solid 1px red;
}
#top_menu ol li ul li{
	position:relative;
	float:left;
	width:auto;
	height:20px;
	padding:0 20px 0 0;
	border:solid 1px red;
}*/
#popupzone{
	position:relative;
	width:249px;
	height:285px;
	border-bottom:dotted 0.1em #8f8f8f;
}
#popupzoneTitle{
	position:relative;
	width:249px;
	height:115px;
	background:url(/img/main/bg_roll.gif);
}
.nav {	
	width:213px;
	height:20px;
	background: url(/img/main/popupbottom_bg.jpg) no-repeat;
	float:left;
}
#popupData{
	padding:0 0 0 20px;
	position:relative;
	width:213px;
	height:170px;
	border-left:solid 1px #d8d8d8;
}
#officeRoom{
	position:relative;
	width:249px;
	height:120px;
	background:url(/img/main/bg_office.gif) no-repeat;
	border-left:solid 1px #d8d8d8;
	border-bottom:dotted 0.1em #8f8f8f;
}
#officeTitle{
	padding:18px 0 0 90px;
	position:relative;
	width:109px;
	height:26px;
}
#officeDesc{
	margin:8px 0 0 90px;
	position:relative;
	width:145px;
	height:26px;
}
#officeBtn{
	margin:11px 0 0 90px;
	position:relative;
	width:128px;
	height:20px;
}
#minwonIntro{
	position:relative;
	width:245px;
	height:190px;
	border-left:solid 1px #d8d8d8;
}

#minwonIntro h2{
	position:relative;
	width:103px;
	height:29px;
	padding:25px 0 0 20px;
}
#minwonIntro p{
	position:relative;
	width:103px;
	height:29px;
	margin:6px 0 0 20px;
}
#minwonIntro .minwonList{
	position:relative;
	width:230px;
	height:60px;
	margin:15px 0 0 13px;
}
#minwonIntro ul li{
	position:relative;
	margin:0 0 5px 5px;
	width:103px;
	height:29px;
	float:left;
}

#leftContent{
	position:relative;
	width:445px;
	height:530px;
	margin:10px 0 0 15px;
	float:left;
	border-right:dotted 0.1em #8f8f8f;
}

#area_visual{
	position:relative;
	width:432px;
	height:232px;
	margin:14px 0 0 0;
	padding:18px 0 0 9px;
	background:url(/img/main/bg_visual.gif) no-repeat 0 0;
}
#area_visual dl{
	position:relative;
	width:424px;
	height:206px;
}
#area_visual dl dd{
	position:relative;
	width:201px;
	height:103px;
	margin:0 0 0 10px;
}
#area_visual h2{
	position:relative;
	width:400px;
	height:25px;
}
#areaPlan p{
	position:relative;
	width:400px;
	height:18px;
	padding-bottom:5px;
}
#main_visual{
	position:relative;
	float:left;
	width:429px;
	height:200px;
	background:url(/img/main/img_map.gif) no-repeat;
}
#main_visual_img{
	position:relative;
	float:left;
	width:286px;
	height:200px;
}
#main_visual_text{
	position:relative;
	float:left;
	width:138px;
	height:200px;
	padding:10px 0 0 1px;
}
#main_visual_text dl dd{
	position:relative;
	float:left;
	font-size:11px;
	width:143px;
	margin-top:1px;
	line-height:16px;
}
#introList{
	position:relative;
	margin:5px 0 0 0;
	width:432px;
	height:125px;
}
#introList dl{
	padding-top:8px;
}
#introList dl dd{
	padding-right:3px;
	padding-bottom:3px;
}
#mainBoard{
	position:relative;
	width:432px;
	height:auto;
}
#mainBoard dl dd{
	width:auto;
	height:23px;
	float:left;
}
.mainBoardSub1{
	position:absolute;
	top:23px;
	left:0px;
	width:432px;
	height:112px;
	padding:9px 0 0 0;
	background:url(/img/main/bg_board.gif) no-repeat;
}
.mainBoardSub1 .boardTitle{
	position:relative;
	padding-left:5px;
	width:330px;
	height:18px;
	float:left;
}
.mainBoardSub1 .boardData{
	position:relative;
	width:90px;
	height:20px;
	text-align:center;
	color:#e1e1e1;
	float:left;
}
.mainBoardSub2{
	position:absolute;
	top:23px;
	left:-73px;
	width:432px;
	height:112px;
	padding:9px 0 0 0;
	background:url(/img/main/bg_board.gif) no-repeat;
}
.mainBoardSub2 .boardTitle{
	position:relative;
	padding-left:5px;
	width:330px;
	height:18px;
	float:left;
}
.mainBoardSub2 .boardData{
	position:relative;
	width:90px;
	height:20px;
	text-align:center;
	color:#e1e1e1;
	float:left;
}
.mainBoardSub3{
	position:absolute;
	top:23px;
	left:-146px;
	width:432px;
	height:112px;
	padding:9px 0 0 0;
	background:url(/img/main/bg_board.gif) no-repeat;
}
.mainBoardSub3 .boardTitle{
	position:relative;
	padding-left:5px;
	width:330px;
	height:18px;
	float:left;
}
.mainBoardSub3 .boardData{
	position:relative;
	width:90px;
	height:20px;
	text-align:center;
	color:#e1e1e1;
	float:left;
}




#rightContent{
	position:relative;
	width:271px;
	height:530px;
	margin:10px 0 0 0px;
	background:url(/img/main/bg_right.gif) no-repeat 20px 3px;
	float:left;
}

#moving h2{
	position:relative;
	width:149px;
	height:16px;
	margin:20px 0 0 20px;
}
#moving div{
	position:relative;
	width:225px;
	height:173px;
	margin:10px 0 0 13px;
}

#newsLetter{
	position:relative;
	width:230px;
	height:160px;
	margin:13px 0 0 13px;
	padding:5px;
	border:solid 1px #d8d8d8;
	background-color:white;
}
#newsLetter h2{
	position:relative;
	width:127px;
	height:14px;
	margin:15px 0 0 10px;
}
#newsLetter .newsMore{
	position:absolute;
	top:19px;
	left:180px;
	width:37px;
	height:9px;
}
.newsDesc{
	position:relative;
	width:192px;
	height:24px;
	padding:10px 0 0 10px;
}
.newsLink{
	position:relative;
	width:220px;
	height:12px;
	padding:10px 0 0 10px;
}
.newsContent{
	position:relative;
	width:225px;
	height:65px;
	padding:0px 0 0 5px;
}
.newsContent dt{
	position:relative;
	width:80px;
	height:60px;
	float:left;
	border:solid 1px #d8d8d8;
}
.newsContent dd{
	position:relative;
	padding-left:10px;
	width:125px;
	height:65px;
	float:left;
}
#photoGally{
	position:relative;
	width:230px;
	height:100px;
	margin:12px 0 0 13px;
	padding:5px;
	border:solid 1px #d8d8d8;
	background-color:#F8e8e8;
}
#photoGally h2{
	position:relative;
	width:103px;
	height:12px;
	margin:10px 0 0 10px;
}
#photoGally .photoMore{
	position:absolute;
	top:13px;
	left:180px;
	width:37px;
	height:9px;
}
.photoContet{
	position:relative;
	width:225px;
	height:65px;
	padding:12px 0 0 5px;
}
.photoContet dt{
	position:relative;
	width:80px;
	height:60px;
	float:left;
	border:solid 1px #d8d8d8;
}
.photoContet dd{
	position:relative;
	padding-left:10px;
	width:120px;
	height:65px;
	float:left;
}
.linkColor{
	padding-bottom:5px;
	color:#2898AB;
}
#canadaprovinces{
	position:relative;
	margin:0px 0 0 15px;
	width:710px;
	height:40px;
	float:left;
}
#canadaprovinces dl{
	float:left;
}
#canadaprovinces dd{
	position:relative;
	padding:0 2px 0 5px;
}
#p-select{
	float:left;
}
#canadaprovinces #p-select{
	position:relative;
	width:13px;
	height:40px;
	padding-left:690px;
	z-index:150;
}
#canadaprovinces #p-select .prev{
	position:relative;
	width:13px;
	height:20px;
	padding-top:25px;
}
#canadaprovinces #p-select .next{
	position:relative;
	width:13px;
	height:20px;
	padding-top:25px;
}
#footerLogo{
	position:relative;
	margin:10px 0 0 50px;
	width:122px;
	height:65px;
	float:left;
}
#footerMenu{
	position:relative;
	margin:10px 0 0 50px;
	width:600px;
	height:20px;
	float:left;
}
#footerMenu .footColor{
	color:#086898;
}
#footerMenu .footBold{
	font-weight:bold;
}
#footerCopy{
	position:relative;
	margin:10px 0 0 50px;
	width:700px;
	height:20px;
	float:left;
}
#footerCopy p{
	padding:3px;
}



.glidecontentwrapper {
	position: relative; /* Do not change this value */
	height: 30px; /* Set height to be able to contain height of largest content shown*/
	width:710px;
	overflow: hidden;
	float:left;
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontent { /*style for each glide content DIV within wrapper.*/
	position: absolute; /* Do not change this value */
	top:0px;
	left:-5px;
	padding: 0px;
	visibility: hidden;
	width:710px;
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler { /*style for DIV used to contain toggler links. */
	position: absolute;
	top:0px;
	left:0px;
	padding-top:3px;
	width:710px;
	text-align: center; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a.selected { /*style for selected page's toggler link. ".selected" class auto generated! */
	background: #FFFFFF;
	color: white;
}
.glidecontenttoggler a.toc { /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}
.glidecontenttoggler a.prev, .glidecontenttoggler a.next {
/*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

#nav {
	position:absolute;
	top:137px;
	left:20px;
	width:213px;
	height:20px;
	float:left;
	z-index:10;
}
.pics {
	height:137px;
	width:214px;
	padding:0;
	margin:0;
	overflow: hidden;
}
.pics img {
	height:137px;
	width:213px;
	top:0;
	left:0;
}

/*탭매뉴*/
/* 텝메뉴 시작 */
#tabMenu{
	position:relative;
	width:702px;
	height:50px;
	padding:10px 0 0 20px;
}
.tabs-nav {
	list-style: none;
	margin: 0;
	padding: 0 0 0 4px;
	border-bottom: 1px solid #bfdaf5;
	width:97%;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
	display: block;
	clear: both;
	content: " ";
}
.tabs-nav li {
	float: left;
	margin: 0 0 0 1px;
	min-width: 84px; /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
	display: block;
	padding: 0 10px;
	background: url(/image/common/01tab.png) no-repeat;
}
.tabs-nav a {
	position: relative;
	top: 1px;
	z-index: 2;
	padding-left: 0;
	color: #27537a;
	font-size: 10px;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	white-space: nowrap; /* required in IE 6 */    
}
.tabs-nav .tabs-selected a {
	color: #000;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
	background-position: 100% -150px;
	outline: 0; /* prevent dotted border in Firefox */
	font-weight: bold;
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
	background-position: 100% -100px;
}
.tabs-nav a span {
	width: 64px; /* IE 6 treats width as min-width */
	min-width: 64px;
	height: 18px; /* IE 6 treats height as min-height */
	min-height: 18px;
	padding-top: 6px;
	padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
	width: auto;
	height: auto;
}
.tabs-nav .tabs-selected a span {
	padding-top: 7px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
	background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
	background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
	cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
	cursor: pointer;
}
.tabs-nav .tabs-disabled {
	opacity: .4;
}
.tabs-container {
	/*border-top: 1px solid #b9dfe1;*/
	padding: 1em 8px;
	background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.tabs-loading em {
	padding: 0 0 0 20px;
	background: url(loading.gif) no-repeat 0 50%;
}
/*탭매뉴 끝*/
.pathFont{
	font-weight:bold;
	color:#FF5600;
}



#search_bar{
	width:670px;
	height:41px;
	background: url(/image/sub_common/subtop_bar.jpg) no-repeat;
}

#search_bar p{
	position:relative;
	float:left;
}

.search_type{
	position:relative;
	width:75px;
	height:20px;
	margin:1px 0 0 0;
}

.search_select{
	position:relative;
	margin:0 0 0 10px;
	width:100px;
	height:21px;
}

.search_bar{
	margin:0 0 0 5px;	
}
.search_text{
}
.search_btn{
}
#search_bar ul{
	position:relative;
	float:left;
	width:155px;
	height:22px;
	margin:5px 0 0 0;

}
#search_bar ul li{
	position:relative;
	float:left;
}

/* board 달력/ 검색 부분*/
.s_searchall { width: 660px; height: 32px; padding-top:5px; background: url(/image/board/search_bg.jpg) no-repeat; margin-bottom: 13px; margin-top: 10px; }
.s_search1 { float: left; padding-left: 90px; padding-right: 10px; }
.s_search2 { float: right; padding-left: 20px; padding-right: 10px; }
.select01 { border:#cccccc 1px solid; background-color:#ffffff; color:#555555;font-size:11px;height:18px; width:63px; }
 /*BOARD  캡션 스타일   */ 
.cp_no { text-align:right; font-size:12px;display: none;padding:3px 0 5px 0;} 	  /*캡션 표시안나게*/
.cp { text-align:right; font-size:12px; padding:3px 0 5px 0;}   				  /*캡션 오른쪽정렬*/
.cp_left { text-align:left; font-size:12px;padding:3px 0 5px 0;} 				  /*캡션 왼쪽정렬*/
/* 갤러리게시판 */
.figure {
	float: left;
	width: 135px;
	height: auto;
	margin: 0px 8px 10px 8px;
}
.photo {
	text-align: center;
	height:87px;
	width:130px;
}
.figure_tit {
	font:11px "돋움", Dotum, verdana, Sans-serif; 	
	text-align: center;
	font-weight:bold;
	margin: 5px 0 0 0;
}
.figure_dt {
	font:11px "돋움", Dotum, verdana, Sans-serif; 	
	text-align: center;
	margin: 5px 0 0 0;
}
.dots-line {
	float:left;
	width:1px;
	height:120px;
	border-left:dotted 1px #d2d2d2;
}

.under-line {
	clear:both;
	width:660px;
	height:10px;
	margin:8px 0 10px 0;
	border-top:solid 1px #F0F0F0;
}
.pager{
	font-family: "돋움";
	font-size: 12px;
	color: #333333;	
	line-height:20px;
	letter-spacing: -0.5px;
}

#BBS_CONT{
	color: #000000 !important;
}
/* e-book게시판 */
.figure_ebook {
	float: left;
	width: 150px;
	height: 180px;
	margin: 0px 5px 10px 5px;
}
.photo_ebook {
	text-align: center;
	height:160px;
	width:140px;
}
.figure_p{
	float: left;
	width: 150px;
	font:11px "돋움", Dotum, verdana, Sans-serif; 	
	text-align: center;
	margin: 10px 0 0 0;
}
.dots-line_ebook {
	float:left;
	width:1px;
	height:178px;
	border-left:dotted 1px #d2d2d2;
}
.under-line_ebook {
	clear:both;
	width:660px;
	height:10px;
	margin:10px 0 5px 0;
	border-top:solid 1px #F0F0F0;
}

#top_view ul li{
	width:100px;
}

/*게시판*/
.board_box { 
	width: 660px;
	text-align:center;
}
.cs_top{
	height: 36px;
	width: 660px;
}
.board_tcolor_1{
	background:#cde9f6 !important;
}
.board_body{
	background:#e2e2e2 !important;
}

.table_ft_height {padding-top:20px;}
a.link_underline:link {font-size:12px;color: #333333;text-decoration: none;letter-spacing: -0.5px; font-family: "dotum","tahoma";}
.table_height {padding:3px 0 0 5px; height: 30px;}
.table_txt_left {color:#333333;padding-left:15px;text-align:left;}
/*게시판 - 글쓰기*/
.board_box_w{ 
	width: 660px;
	text-align:left;
}
.board_body_w{
	background:#e2e2e2 !important;
	height: 1px !important;
}
.board_box_w td{ 
	height: 30px;
}
.board_tcolor_w{
	background:#1694ce !important;
	height: 3px !important;
}
.board_tcolor1_w{
	background:#cde9f6 !important;
	height: 2px !important;
}
.board_tcolor2_w{
	background:#1694ce !important;
	height: 1px !important;
}
.select02 {
	border:#cccccc 1px solid;
	color:#555555;
	font-size:11px;
	height:270px;
	width:100%;
}
.select_bo{
	border:#cccccc 1px solid;
	color:#555555;
	font-size:11px;
	height:20px;
	width:150px;
}
.boardw_content_box{
	padding:5px 0 5px 0;
}
.btn_write{
	padding:10px 0 7px 0;
}
.table_txt_point{
	color:#1694ce;
	font-weight:bold;
}
.b2_bar{
	background:#e2e2e2 !important;
	width:1px !important;
}
.boardwr_tit{
	background:#f3fbff;
}



/*로그인*/
.login_div{
	padding-top:20px;
	text-align:center;
}
.common_login{
	width:420px;
	height:297px;
	background: url(/image/common/login/login_bg.jpg) no-repeat;
}
.login_tit{
	position:relative;	
	float:left;
	height:31px;
	margin:20px 0 0 26px;
}
.enter_id{
	position:relative;	
	float:left;
	width:420px;
	height:142px;
	margin:17px 0 0 0;
}
.enter_id ul{
	position:relative;	
	float:left;
	width:220px;
	margin:23px 0 0 40px;
	text-align:left;
}
.enter_id ul li{
	position:relative;	
	float:left;
	width:180px;
	height:20px;
	padding:0 0 15px 34px;
	text-align:left;
}
.idpw_tit1{
	width:auto;
	height:12px;
	float:left;
	padding: 3px 22px 0 0;
}
.idpw_tit2{
	width:auto;
	height:12px;
	float:left;
	padding:3px 10px 0 0;
}
.login_inputtext{
	display:block;
	position:relative;
	float:left;
	width:95px;
	height:16px; 
	padding:3px 0 0 3px; 
	font-size:12px;
	border:1px solid #cdcdcd;
}
/*잘안된다 이상하다 젠장 ㅜㅜ 버튼 이미지 지맘대로 도는거 빨리 원격서버 반영되어라~~~~~~~~~~~~~~~~~~~~~~~*/
.ok_btn{
	position:relative;
	margin-top:30px;
	width:81px;
	height:47px; 
	display:block;
	float:left;
}
.search_id{
	position:relative;	
	float:left;
	width:420px;
	height:82px;
	text-align:left;
}
.search_tit{
	position:relative;	
	float:left;
	width:203px;
	height:11px;
	margin:18px 0 0 26px;
}
.search_id ul{
	position:relative;	
	float:left;
	width:320px;
	height:26px;
	margin:10px 0 0 120px;
}
.search_id ul li{
	position:relative;	
	float:left;
	width:88px;
	height:26px;
	padding: 0 3px 0 0;
}

.pop_login{
	width:420px;
	height:auto;
	margin:0 0 20px 0;
}
.pop_top{
	width:420px;
	height:68px;
	background: url(/image/common/login/login1_topbg.jpg) no-repeat;
}
.pop_top_s{
	width:420px;
	height:51px;
	background: url(/image/common/login/login1_topbg_1.jpg) no-repeat;
}
.pop_center{
	width:420px;
	height:auto;
	background: url(/image/common/login/login1_bg.jpg);
}
.select_radio{
	width:420px;
	margin:25px 0 0 76px;
}
.select_radio li{
	float:left;
	padding:0 5px 0 0;
}
#login_text1{
	position:relative;	
	float:left;
	width:420px;
	height:auto;
	margin:10px 0 0 0;
	text-align:left;
}
#login_text1 p{
	text-align:center;
	margin:10px 0 10px 0;
}
#login_text1 ul{
	width:360px;
	margin:0 0 0 25px;
}
#login_text1 ul li{
	width:360px;
	padding:0 0 10px 10px;
	line-height:18px;
	background: url(/image/common/login/login_bl.gif) no-repeat 0 4px;
}
#login_text2{
	position:relative;	
	float:left;
	width:420px;
	height:auto;
	margin:10px 0 0 0;
	text-align:left;
}
#login_text2 p{
	text-align:center;
	margin:10px 0 10px 0;
}
#login_text2 ul{
	width:360px;
	margin:0 0 0 25px;
}
#login_text2 ul li{
	width:360px;
	padding:0 0 10px 10px;
	line-height:18px;
	background: url(/image/common/login/login_bl.gif) no-repeat 0 4px;
}
.pop_bottom{
	width:420px;
	height:15px;
	background: url(/image/common/login/login1_bottombg.jpg) no-repeat;
}
.sub_search{
	position:relative;
	margin:0;
	padding:0;
	border:none;
}

.sub_search legend{
	display:none;
}

.sub_inputSearch{
	position:relative;
	width:172px;
	height:22px;
	background: url(/image/sub_common/search_bar/search_bar_1.jpg) no-repeat;
	font:13px "굴림", Gulim, "돋움", Dotum, AppleGothic, Sans-serif;
	font-weight:bold;
	color:#000;
	border:none;
	letter-spacing:-1px;
	padding:4px 0 0 5px;
}

.tab UL {
	TEXT-ALIGN: center; PADDING-BOTTOM: 25px; MARGIN: 10px 0px 0px 40px; WIDTH: 666px; OVERFLOW: hidden
}
.tab UL LI {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: inline; FLOAT: left; PADDING-TOP: 0px
}
.tab UL LI A {
	BORDER-BOTTOM: #a8a8a8 4px solid; TEXT-ALIGN: center; BORDER-LEFT: #a8a8a8 4px solid; PADDING-BOTTOM: 2px; BACKGROUND-COLOR: #a8a8a8; PADDING-LEFT: 16px; PADDING-RIGHT: 16px; DISPLAY: block; FLOAT: left; COLOR: #fff; BORDER-TOP: #a8a8a8 4px solid; FONT-WEIGHT: bold; MARGIN-RIGHT: 2px; BORDER-RIGHT: #a8a8a8 4px solid; PADDING-TOP: 2px
}
.tab UL LI A.visit {
	BORDER-BOTTOM: #e97366 4px solid; BORDER-LEFT: #e97366 4px solid; BACKGROUND-COLOR: #e97366; COLOR: #fff; BORDER-TOP: #e97366 4px solid; FONT-WEIGHT: bold; BORDER-RIGHT: #e97366 4px solid
}
.tab UL LI A:focus {
	BORDER-BOTTOM: #126aff 4px solid; BORDER-LEFT: #126aff 4px solid; BACKGROUND-COLOR: #fff; COLOR: #000; BORDER-TOP: #126aff 4px solid; BORDER-RIGHT: #126aff 4px solid
}
.tab UL LI A:hover {
	BORDER-BOTTOM: #126aff 4px solid; BORDER-LEFT: #126aff 4px solid; BACKGROUND-COLOR: #fff; COLOR: #000; BORDER-TOP: #126aff 4px solid; BORDER-RIGHT: #126aff 4px solid
}
legend{
	display:none;
}


/*메일보내기*/

.mail_table th{
background-color:#e0e0e0; 
height:40px;
}

.mail_table td{
background-color:#ececec;
}

.mail_table input {
height:22px;
border:#b6b6b6 1px solid
}

.mail_table textarea{
border:#b6b6b6 1px solid
}

.textarea01{
margin:10px 0 10px 0;
}

.table_intro_head{
border-top:#b6b6b6 1px solid;
border-right:#b6b6b6 1px solid;
border-left:#b6b6b6 1px solid;
}
.table_intro_head2{
background-color:#e0e0e0;
border:#b6b6b6 1px solid;
}

.table_t{
border-top:#b6b6b6 1px solid;
border-right:#b6b6b6 1px solid;
}

.table_t2{
border-top:#b6b6b6 1px solid;
border-bottom:#b6b6b6 1px solid;
border-right:#b6b6b6 1px solid;
}

.mail_btn{
padding-top:20px;
}
