@font-face {
    font-family:'NanumGothic';
    src: url('../font/NanumGothic.eot');
    src: url('../font/NanumGothic.eot?#iefix') format('embedded-opentype'),
         url('../font/NanumGothic.woff') format('woff'),
         url('../font/NanumGothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal; 
}

@charset "utf-8";

html,body {width:100%;height:100%;}
/*html {overflow-y:scroll;}*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,td,th {margin:0;padding:0;  }
body,h1,h2,h3,h4,input,button,select, textarea  {font-family:'맑은 고딕', 'Malgun Gothic', Helvetica; font-size:12px;color:#424242;}
body {background-color:#fff;*word-break:break-all;-ms-word-break:break-all}
img,fieldset,iframe {border:0 none;}
li {list-style:none;}
input,select,button {vertical-align:middle;}
img {vertical-align:top;}
i,em,address {font-style:normal;}
label,button {cursor:pointer;}
a {color:#000; text-decoration:none;}
a:hover {color:#000; text-decoration:underline;}
table {/* border-collapse:collapse;table-layout:fixed; */border-collapse:collapse; border-spacing:0;}
input, textarea {overflow:auto; padding:4px; border:1px solid #d0d3d4; color:#000; vertical-align:middle; line-height:16px; }
input {height:15px;  }
input.ing {padding:4px; border:1px solid #585858; color:#000000; background-image:none;   }
input.error {border:1px solid #e93333;  background-image:none;  }
input.end {border:1px solid #d5d5d5; background-image:none;   }
input.gray {padding:5px; background:url(../img/bg_form_gray.gif) 0 0 repeat; color:#FFF; border:0; }
input.blue {padding:5px; color:#74a4cf; border:1px solid #89b0b0 }
.essential input, .essential select, input.essential, select.essential, textarea.essential  {border:1px solid #585858 !important;}
.essential .file_search {background:url(../img/btn_search_essential.gif) 0 0 no-repeat; }
input.in_data, textarea.in_data {background:#f0f0f0; color:#000; }
input.in_data2 {background:#FFF; color:#000; }
input.in_num {text-align:right; padding:4px 8px 4px 0; }
input.none_in {background:none; border:0 !important; }
select {border:1px solid #d5d5d5; padding:0 0 0 3px;}
select option {background-color:#eee; }
select option:hover {background-color:#333; color:#fff;}
th {font-weight:normal; }

.vtm {vertical-align:middle;}
.cb {clear:both; }
.ls1 {letter-spacing:-1px; }
.mgt0 {margin:0 !important; }
.mgt10 {margin-top:10px !important; }
.mgt30 {margin-top:30px !important; }
.mgt50 {margin-top:50px !important; }
.fl {float:left; }
.fr {float:right; }
.fs11 {font-size:11px; }



.cl_new {font-family:'맑은 고딕', 'Malgun Gothic', Helvetica; font-size:12px;color:#424242;}



/*menu_openclose*/
body.menu_close { background-image:none;}
body.menu_close .nav {display:none;  }
body.menu_close .container { }

body.menu_open { background-image:none;}
body.menu_open .nav {display:block; }
body.menu_open .container {margin-left:320px; }





/*button*/
button { border:0px;}
.btn {}

.btn_le_search {
			display:inline-block; background:url(../img/bt_icon.png) 2px 4px no-repeat; width:56px; height:27px; 
			font-weight:bold;color:#FFF;
			padding:0 0 3px 20px;
			border:1px solid #007071; background-color:#008485;
			margin-left:2px;
			
			 }  /*************  하나카드 수정  *****************/
.btn_le_search :hover { text-decoration:none; border:1px solid #2167a8; background-color:#297ac7;color:#FFF; } 



.btn_nml {
			display:inline-block; background:url(../img/bt_icon.png) 2px 2px no-repeat;  height:25px; 
			padding:0px 12px 3px 24px; 	margin-right:2px;
			border:1px solid #7b7979; background-color:#959494;color:#FFF;
			/*margin-top:1px;*/
			}
.btn_nml:hover { text-decoration:none; border:1px solid #5c5a5a; background-color:#7c7b7b; color:#FFF;} 

.btn_nml_mbt {
			display:inline-block; background:url(../img/bt_icon.png) 2px 2px no-repeat;  height:22px; 
			padding:0px 12px 3px 24px; 	margin-right:0px;
			border:1px solid #aaa; background-color:#ccc;color:#333;
			/*margin-top:1px;*/
			}
.btn_nml_mbt:hover { text-decoration:none; border:1px solid #5c5a5a; background-color:#7c7b7b; color:#FFF;} 

.btn_nml_r {
			display:inline-block; background:url(../img/bt_icon.png) 2px 2px no-repeat;  height:25px; 
			padding:0px 12px 3px 24px; 	margin-right:2px;
			border:1px solid #B0001F; background-color:#c20024;color:#FFF;
			/*margin-top:1px;*/
			}
.btn_nml_r:hover { text-decoration:none; border:1px solid #B0001F; background-color:#EA0029; color:#FFF;} 



.btn_nml_ser {
			display:inline-block; background:url(../img/icon_search.png) 2px 3px no-repeat;  width:28px; height:25px; 
			padding:0px 2px 3px 2px; 	margin-right:0px;
			border:1px solid #7b7979; background-color:#959494;color:#FFF;
			/*margin-top:1px;*/
			}
.btn_nml_ser:hover { text-decoration:none; border:1px solid #5c5a5a; background-color:#7c7b7b; color:#FFF;} 

.bt_snone_ser {
			display:inline-block; background:url(../img/icon_search.png) 2px 3px no-repeat; width:28px; height:25px; 
			padding:0px 2px 3px 2px; 	margin-right:0px;
			border:1px solid #999; background-color:#bbb; color:#dcdbdb;	}

.btn_nml_reset {
			display:inline-block; background:url(../img/bt_icon2_reset.png) 2px 2px no-repeat;  height:25px; 
			padding:0px 12px 3px 24px; 	margin-right:2px;
			border:1px solid #7b7979; background-color:#959494;color:#FFF;
			/*margin-top:1px;*/
			}
.btn_nml_reset:hover { text-decoration:none; border:1px solid #5c5a5a; background-color:#7c7b7b; color:#FFF;} 

.btn_nml_reset_main {
			display:inline-block; background:url(../img/bt_main_refresh.png) 0px 0px no-repeat;  width:31px; height:31px; 
			/*padding:0px 2px 3px 2px;*/ 	margin-right:0px;
			/*border:1px solid #7b7979; background-color:#959494;color:#FFF;*/
			/*margin-top:1px;*/
			}

.btn_nmls {
			display:inline-block; background:url(../img/bt_icon.png) 2px 2px no-repeat; width:56px; height:25px; 
			padding:0px 0 0 22px; 	margin-left:2px;
			border:1px solid #7b7979; background-color:#959494;color:#FFF;
			margin-top:1px;
			}
.btn_nmls:hover { text-decoration:none; border:1px solid #5c5a5a; background-color:#7c7b7b; color:#FFF;} 

.btn_nml2 {
			display:inline-block; background:url(../img/bt_icon.png) 2px 3px no-repeat; width:59px; height:25px; 
			padding:0px 0 0 23px;	margin-left:2px;
			border:1px solid #7b7979; background-color:#959494;color:#FFF;
			}
.btn_nml2:hover { text-decoration:none; border:1px solid #5c5a5a; background-color:#7c7b7b; color:#FFF;} 



.btn_nml4 {
			display:inline-block; background:url(../img/bt_icon.png) 2px 3px no-repeat; width:85px; height:25px; 			
			padding:0px 0 3px 24px;	margin-left:2px;
			border:1px solid #7b7979; background-color:#959494;color:#FFF;	
			}
			
.btn_nml4:hover { text-decoration:none; border:1px solid #5c5a5a; background-color:#7c7b7b; color:#FFF;} 

.bt_snone {
			display:inline-block; background:url(../img/bt_icon.png) 2px 2px no-repeat; height:25px; 
			padding:0px 12px 3px 24px; 	margin-right:2px;
			border:1px solid #959494; background-color:#adacac; color:#dcdbdb;	}
.bt_2none {
			display:inline-block; background:url(../img/bt_icon.png) 2px 3px no-repeat; width:59px; height:25px; 
			padding:0px 0 0 23px;	margin-left:2px;
			border:1px solid #959494; background-color:#adacac; color:#dcdbdb;	}
.bt_4none {
			display:inline-block; background:url(../img/bt_icon.png) 2px 3px no-repeat; width:66px; height:25px; 			
			padding:0px 0 0 24px;	margin-left:2px;
			border:1px solid #959494; background-color:#adacac; color:#dcdbdb;	}

.btn_nml6 {
			display:inline-block; background:url(../img/bt_icon.png) 2px 3px no-repeat; width:100px; height:25px; 			
			padding:0px 0 0 24px;	margin-left:2px;
			border:1px solid #7b7979; background-color:#959494;color:#FFF;	
			}
			
.btn_nml6:hover { text-decoration:none; border:1px solid #5c5a5a; background-color:#7c7b7b; color:#FFF;} 

 

.btn_nml7 {
			display:inline-block; background:url(../img/bt_icon.png) 2px 3px no-repeat; width:115px; height:25px; 			
			padding:0px 0 0 24px;	margin-left:2px;
			border:1px solid #7b7979; background-color:#959494;color:#FFF;	
			}
			
.btn_nml7:hover { text-decoration:none; border:1px solid #5c5a5a; background-color:#7c7b7b; color:#FFF;} 


.btn_nml8 {
			display:inline-block; background:url(../img/bt_icon.png) 2px 3px no-repeat; width:125px; height:25px; 			
			padding:0px 0 3px 24px;	margin-left:2px;
			border:1px solid #7b7979; background-color:#959494;color:#FFF;	
			}
			
.btn_nml8:hover { text-decoration:none; border:1px solid #5c5a5a; background-color:#7c7b7b; color:#FFF;} 

.btn_nml9 {
			display:inline-block; background:url(../img/bt_icon.png) 2px 3px no-repeat; width:140px; height:25px; 			
			padding:0px 0 0 24px;	margin-left:2px;
			border:1px solid #7b7979; background-color:#959494;color:#FFF;	
			}
			
.btn_nml9:hover { text-decoration:none; border:1px solid #5c5a5a; background-color:#7c7b7b; color:#FFF;} 

.btn_nml11 {
			display:inline-block; background:url(../img/bt_icon2.png) 3px 3px no-repeat; width:130px; height:25px; 			
			padding:0px 0 3px 24px;	margin-left:2px;
			border:1px solid #7b7979; background-color:#959494;color:#FFF;	
			}
			
.btn_nml11:hover { text-decoration:none; border:1px solid #5c5a5a; background-color:#7c7b7b; color:#FFF;} 






.btn_cont01 {
			display:inline-block; background:url(../img/bt_icon.png) 2px 4px no-repeat; width:56px; height:27px; 
			font-weight:bold;color:#FFF;
			padding:1px 0 0 20px;
			border:1px solid #2da3b5; background-color:#3db8cb;
			margin-left:2px;
			
			 }
.btn_cont01:hover { text-decoration:none; border:1px solid #007993; background-color:#0094b0;color:#FFF; } 




.btn_cont02 {
			display:inline-block; background:url(../img/bt_icon.png) 2px 4px no-repeat; width:56px; height:27px; 
			font-weight:bold;color:#FFF;
			padding:1px 0 0 20px;
			border:1px solid #732db5; background-color:#883ecc;
			margin-left:2px;
			
			 }
.btn_cont02:hover { text-decoration:none; border:1px solid #330093; background-color:#4e00b2;color:#FFF; } 




.btn_cont03 {
			display:inline-block; background:url(../img/bt_icon.png) 2px 4px no-repeat; width:56px; height:27px; 
			font-weight:bold;color:#FFF;
			padding:1px 0 0 20px;
			border:1px solid #2d48b5; background-color:#3c59ca;
			margin-left:2px;
			
			 }
.btn_cont03:hover { text-decoration:none; border:1px solid #000093; background-color:#000db3;color:#FFF; } 




.btn_cont04 {
			display:inline-block; background:url(../img/bt_icon.png) 2px 4px no-repeat; width:56px; height:27px; 
			font-weight:bold;color:#FFF;
			padding:1px 0 0 20px;
			border:1px solid #7b7979; background-color:#979797;
			margin-left:2px;
			
			 }
.btn_cont04:hover { text-decoration:none; border:1px solid #3f3c3c; background-color:#666565;color:#FFF; } 










/* Layout */
.wrap {width:100%;  height:100%;}
.topbg{width:100%;  height:26px;  background-color:#007370;	}  /*************  하나카드 수정  *****************/
.nav {position:absolute; left:0; top:0px; width:320px; height:100%; min-height:580px;   border-right:1px solid #d9d9d9;}
.container {position:relative; float:left; width:1280px; min-height:830px; padding:0 0 0px 0;  }
.pcontainer {position:relative; float:left; padding:0 0 0 0;  }
.container.wide {width:1560px !important; }


.pcontainer3 { 
	position: relative;
	left: 50%;
	top: 48%;
	margin: -135px 0 0 -235px;
	width: 520px;
	height: 260px;
	}


.topmenu  { font-family:'맑은 고딕', 'Malgun Gothic', Helvetica; height:35px; background-color:#b3b3b3;} /*************  하나카드 수정  *****************/
.topmenu > span {}


.gnb {position:relative; height:60px;}
.footer {position:absolute; bottom:21px; left:-301px; width:178px; height:23px; background:url(../img/footer_copy.gif) 0 0 no-repeat;  z-index:100;}
.footer span {display:none;  }


.toplog{width:100%;  height:26px; background-color:#007370;	} /*************  하나카드 수정  *****************/
.toplog p { float:right;display:inline-block; color:#FFF; margin:7px 7px 0 7px;}
.toplog span { color:#FFF;}
.toplog span:hover { text-decoration:underline; cursor:pointer;}





 





/* left */
.cl_toplogo {margin:0 0 0 10px  }
.cl_toplogo span {display:inline-block; width:300px; height:62px;  background:url(../img/logo_cl.png) 40px 16px no-repeat; cursor:pointer;}  /*************  하나카드 수정  *****************/
.cl_toplogo2 { }
.cl_toplogo2 span {display:inline-block; width:239px; height:63px;  background:url(../img/logo_cl2.png) 0px 0px no-repeat; cursor:pointer;}  /*************  하나카드 수정  *****************/


.nav_menu_box { width:300px; overflow:auto; height:725px; margin:0 0 0 10px; border:1px solid #dfdfdf;}
.nav ul {clear:both; padding:0; }
.nav ul {clear:both; padding:0;}
.nav ul li {color:#4b4b4b; line-height:25px;} 
.nav ul li:hover {color:#007370;; background-color:#e2f3f3;; cursor:pointer; }
.nav ul .mtit {padding:0px; font-weight:bold;  background:url(../img/bg02.png) 0 0 repeat-x;height:32px; color:#185290;}
.nav ul .mtit span { display:block;padding:6px 0px 1px 15px;  color:#007370; font-weight:bold;height:25px;}
.nav ul .mtit span:hover {color:#2068b5; background-color:#e0ecf7 !important; }

.nav ul .mtit .icon_r {  background:url(../img/icon_r.png) 260px 6px no-repeat;}
.nav ul .mtit .icon_plus {  background:url(../img/icon_plus.png) 260px 6px no-repeat;}
.nav ul .mtit .icon_minus {  background:url(../img/icon_minus.png) 260px 6px no-repeat;}

.nav ul .icon_left01 {  background:url(../img/icon_left02.png) 14px 3px no-repeat; padding-left:36px;}
.nav ul .icon_left11 {  background:url(../img/icon_left01.png) 14px 3px no-repeat; padding-left:36px;}
.nav ul .icon_left02 {  background:url(../img/icon_left01.png) 28px 3px no-repeat; padding-left:50px;}


.nav_left_foot { width:300px; height:45px; margin:0 0 0 10px;  background:url(../img/left_foot.png) 0 0 no-repeat;}


.open_cardnum {padding:13px 8px 0 10px; }
.open_cardnum dl {height:38px;  }
.open_cardnum dt {float:left; padding:5px 13px 0 19px; font-weight:bold; color:#FFF; vertical-align:middle;  }
.open_cardnum dd {float:left; vertical-align:middle;   }





/*gnb*/


.nav_control {float:left; width:31px; height:27px; margin: 4px 2px 2px 4px; } /*************  하나카드 수정  *****************/

.nav_control.open {background:url(../img/menu_close.png) 0 0 no-repeat;}
.nav_control.open:hover {background:url(../img/menu_close.png) 0 0 no-repeat;}

.nav_control.close {background:url(../img/menu_close.png) 0 0 no-repeat;}
.nav_control.close:hover {background:url(../img/menu_close.png) 0 0 no-repeat;}
 
 
/*************  하나카드 수정  ***************** 네비쪽은 전체적으로 수정 시작  */
 
.topm_main			{position:relative;display:inline-block;font-size:14px;color:#424242; height:34px; font-weight:bold; border:#333 0px solid; margin-top:4px; margin-right:-4px;}
.topm_main	span	{display:inline-block;float:left;}

.topm_main	.tle		{width:10px; height:31px;	background:url(../img/top_normal_l.png) 0 0 no-repeat;	}
.topm_main	.tbd		{height:21px; padding:8px 20px 2px 20px;	background:url(../img/top_normal_bg.png) 0 0 repeat;	} 
.topm_main	.tri		{width:10px; height:31px;	background:url(../img/top_normal_r.png) 0 0 no-repeat;	}



.topm_main_on			{position:relative;z-index:999;display:inline-block;font-size:14px;color:#424242; height:36px; font-weight:bold; border:#333 0px solid; margin-top:2px; margin-right:-4px;} 
.topm_main_on	span	{display:inline-block;float:left;}

.topm_main_on	.tle		{width:10px; height:33px;	background:url(../img/top_active_l.png) 0 0 no-repeat;	}
.topm_main_on	.tbd		{height:21px; padding:9px 20px 3px 20px;	background:url(../img/top_active_bg.png) 0 0 repeat;	 } 
.topm_main_on	.tri		{width:10px; height:33px;	background:url(../img/top_active_r.png) 0 0 no-repeat;	} 




.topm_sub			{position:relative;display:inline-block;font-size:14px;color:#424242; height:34px; font-weight:bold; border:#333 0px solid; margin-left:-4px; margin-right:-4px;}
.topm_sub	span	{float:left;;}

.topm_sub	.tle		{width:10px; height:31px;	background:url(../img/top_normal_l.png) 0 0 no-repeat;	} 
.topm_sub	.tbd		{height:22px; padding:8px 8px 1px 11px;	background:url(../img/top_normal_bg.png) 0 0 repeat;	}
.topm_sub	.tbx		{height:31px;  padding:0 2px 0 3px;	background:url(../img/top_normal_bg.png) 0 0 repeat;	} 
.topm_sub	.tbx .xbt	{width:19px; height:22px; margin:7px 0 0 0; 	background:url(../img/top_normal_close.png) 3px 3px no-repeat;  cursor:pointer;}
.topm_sub	.tri		{width:10px; height:31px;	background:url(../img/top_normal_r.png) 0 0 no-repeat;	} 



.topm_sub_on			{position:relative;z-index:999;display:inline-block;font-size:14px;color:#424242; height:36px; font-weight:bold; border:#333 0px solid; margin-top:2px; margin-left:-6px; margin-right:-4px;}
.topm_sub_on	span	{display:inline-block;float:left;}

.topm_sub_on	.tle		{width:10px; height:33px;	background:url(../img/top_active_l.png) 0 0 no-repeat;	}
.topm_sub_on	.tbd		{height:24px;padding:8px 8px 1px 11px;	background:url(../img/top_active_bg.png) 0 0 repeat;	} 
.topm_sub_on	.tbx		{height:29px;  padding:2px 2px 2px 3px;	background:url(../img/top_active_bg.png) 0 0 repeat;	}
.topm_sub_on	.tbx .xbt	{width:19px; height:19px; margin:6px 0 0 0; 	background:url(../img/top_normal_close.png) 3px 3px no-repeat;  cursor:pointer;}
.topm_sub_on	.tri		{width:10px; height:33px;	background:url(../img/top_active_r.png) 0 0 no-repeat;	}


/*************  하나카드 수정  ***************** 네비쪽은 전체적으로 수정 끝  */




/*content*/


/*.cont_grid 	{padding:13px 10px 10px 10px;}*/
.cont_grid 	{ }
.cont_grid .magbt{ margin-bottom:10px;}
.cont_nav 	{font-family:'나눔고딕', 'NanumGothic', '맑은 고딕', 'Malgun Gothic', Helvetica; height:30px; font-size:17px; font-weight:bold; color:#222;margin:0; }
.cont_nav_3 	{font-family:'나눔고딕', 'NanumGothic', '맑은 고딕', 'Malgun Gothic', Helvetica;  font-size:17px; font-weight:bold; color:#222;}
.cont_nav_3 .top{ margin: 13px 0px 5px 10px; display:inline-block; }
.cont_nav_3 .top2{ margin: 8px 8px 5px 0px; display:inline-block; float: right; }
.cont_nav_3 .cont_nav_3_bt{ display:inline-block; float: right; margin: 0px 10px 5px 0px;vertical-align:top;}


.cont_nav   .top{ color:#282828; padding-left:3px;}/*************  하나카드 수정  *****************/
.cont_nav   .arr01{ display:inline-block; width:12px; height:16px; margin:2px 5px 0 5px; 	background:url(../img/arr01.png) 3px 4px no-repeat;}

.cont_body						{	padding:10px 15px 10px 15px; background:#008485; margin:0px 10px 10px 10px; } 

.cont_body_bs		{padding:13px 10px 10px 10px;}
.cont_body	.tofds				{ 	display:inline-block; padding:15px 10px 15px 10px; 	font-family:'나눔고딕', 'NanumGothic', '맑은 고딕', 'Malgun Gothic', Helvetica; color:#fff; vertical-align:top; } 
.cont_body	.tofds	.tofds_name	{	font-size:17px; font-weight:bold; margin-bottom: 18px; } 
.cont_body	.tofds	.tofds_name12	{	font-size:23px; font-weight:bold; margin-top:10px; } 
.cont_body	.tofds	.tofds_name13	{	font-size:20px; font-weight:bold; margin-top:10px; } 
.tofds_name12 .clwid1{display:inline-block; width:65px;}
.tofds_name12 .clwid2{display:inline-block; width:85px;}
.tofds_name12 .clwid3{display:inline-block; width:145px; text-align:right;}
.tofds_name12 .clwid4{display:inline-block; width:147px; text-align:right;}


.tofds_name13 .clwid1{display:inline-block; width:220px;} 
.tofds_name13 .clwid3{display:inline-block; width:145px; text-align:right;} 

.cont_body	.tofds	.tofds_cout	{	font-size:58px; font-weight:bold; margin-top:50px; margin-left:-3px;text-align:right; } 
.cont_body	.tofds_line			{ 	display:inline-block; width:2px;  height:170px; background:url(../img/bg03.png) 0 0 repeat; } 
.cont_body	.tofds_line3		{ 	display:inline-block; width:1px;  height:120px; background:#1B7879; } 

.cont_body	.tofds2				{ 	display:inline-block; padding:52px 57px; 	font-family:'나눔고딕', 'NanumGothic', '맑은 고딕', 'Malgun Gothic', Helvetica; color:#fff; vertical-align:top; } 
.cont_body	.tofds2	.tofds_name2	{	font-size:22px; font-weight:bold;  } 
.cont_body	.tofds2	.tofds_cout2	{	font-size:48px; font-weight:bold; margin-top:3px; margin-left:-3px;  } 
.cont_body	.tofds_line2		{ 	display:inline-block; width:2px;  height:170px; background:url(../img/bg03.png) 0 0 repeat; } 

.cont_grid2		{border:#333 0px solid; display:block;  margin:0 10px 10px 10px;}

.main_bbs	{	width:625px; display:inline-block; }
.main_bbs	.bbs_title	{font-family:'맑은 고딕', 'Malgun Gothic', Helvetica; font-size:17px;  color:#007370; padding:3px 3px 10px 3px; font-weight:bold;} /*************  하나카드 수정  *****************/
.main_bbs	.button_cs1	{ 
		display:inline-block; 
		float:right;
		font-family:'맑은 고딕', 'Malgun Gothic', Helvetica;
		font-weight:bold; 
		margin-top:3px;
		border:0px;
		background-color:#FFF;
		padding:3px;
	 }
.main_bbs	.button_cs1:hover	{
	text-decoration:underline;
	 }
.main_bbs	.bbs_body {clear:both;border:#d2d2d2 1px solid; padding:1px; height:370px; overflow: auto; margin-top:5px;}
.main_bbs	.bbs_body .fr{float:right;}
.main_bbs	.bbs_body .le{float:left;}


.cont_body3	{position:relative; height:27px; border-bottom:#d2d2d2 1px solid;}

.cont_body3	.tap	{ border:0px; display:inline-block; font-weight:bold;  background:url(../img/tab_bg01.png) 0 0 no-repeat; background-position:right; height:28px; padding:0px; background-color:#d6d6d6; border-left:#d2d2d2 1px solid; color:#5e5e5e;} 
.cont_body3	.tap_on	{ border:0px;display:inline-block; font-weight:bold;  background:url(../img/tab_bg01_on.png) 0 0 no-repeat; background-position:right; height:28px; padding:0px ;  border-left:#d2d2d2 1px solid; background-color:#fff;} 
.cont_body3	 span{ display:inline-block; margin:8px 40px 10px 20px; min-width:90px;}

.cont_body3	button	{ z-index:9999; float:left; display:inline-block; margin-right:3px;}
.cont_body3	button:hover	{z-index:9999; display:inline-block; font-weight:bold;  background:url(../img/tab_bg01_on.png) 0 0 no-repeat; background-position:right; height:28px; padding:0px ;  border-left:#d2d2d2 1px solid; color:#333;background-color:#fff;} 


.cont_body4	{position:relative;clear:both; padding:7px; border-left:#d2d2d2 1px solid; border-right:#d2d2d2 1px solid; border-bottom:#d2d2d2 1px solid;}
.cont_body4	.bbs_body2 {clear:both;border:#d2d2d2 1px solid; padding:1px; margin-top:5px; top:40px;margin-bottom:10px;}
.cont_body4	.bbs_body2 .bbs_checked{ background-color:#e2f3f3; color:#007370;}    /*************  하나카드 수정  *****************/

.cont_body4	.bbs_body2_1 { margin-bottom:10px;}
.cont_body4	.bbs_title2 { display:inline-block; background:url(../img/icon_01.png) 0 2px no-repeat; padding-left:16px; padding-top:1px;  font-weight:bold; margin:7px 0 3px 0;}

.cont_body4	.bbs_body3 {clear:both;border:#d2d2d2 1px solid; padding:1px; height:300px; overflow: auto; margin-top:5px; top:40px;margin-bottom:10px;}
.mginbt10 {margin-bottom:10px !important;}


.bbs_body3_1 {clear:both;border:#d2d2d2 1px solid; padding:1px; height:300px; margin-top:5px; top:40px;margin-bottom:10px; white-space:nowrap;}
.bbs_body3_2 {clear:both;border:#d2d2d2 1px solid; padding:1px; height:300px; margin-top:5px; top:40px;margin-bottom:10px; white-space:nowrap; width:1101px;}
.bbs_body3_3 {clear:both;border:#d2d2d2 1px solid; padding:1px; margin-top:5px; top:40px;margin-bottom:10px; white-space:nowrap;}
.bbs_body3_4 {clear:both;border:#d2d2d2 1px solid; padding:1px; margin-top:5px; top:40px;margin-bottom:10px; white-space:nowrap;}


.cont_body4_1 {border:#bfbdbd 1px solid; background-color:#cfdada; margin-bottom:10px; padding-left:15px}   /*************  하나카드 수정  *****************/

.cont_body4_1 a{ display:inline-block; margin:2px 4px 2px 4px;}
.cont_body4_1 .review_icon01		{ background:url(../img/review_icon01.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review_icon01:hover	{ background:url(../img/review_icon01.png) 0 0 no-repeat;}
.cont_body4_1 .review_icon02		{ background:url(../img/review_icon02.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review_icon02_off	{ background:url(../img/review_icon02_off.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review_icon03		{ background:url(../img/review_icon03.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review_icon03_off	{ background:url(../img/review_icon03_off.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review_icon04		{ background:url(../img/review_icon04.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review_icon05		{ background:url(../img/review_icon05.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review_icon06		{ background:url(../img/review_icon06.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review_icon07		{ background:url(../img/review_icon07.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review_icon08		{ background:url(../img/review_icon08.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review_icon09		{ background:url(../img/review_icon09.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review_icon10		{ background:url(../img/review_icon10.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review_icon11		{ background:url(../img/review_icon11.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review_icon12		{ background:url(../img/review_icon12.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review_icon13		{ background:url(../img/review_icon13.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review_icon14		{ background:url(../img/review_icon14.png) 0 0 no-repeat; width:62px; height:62px;}


.cont_body4_1 .review2_icon01		{ background:url(../img/review2_icon01.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon02		{ background:url(../img/review2_icon02.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon03		{ background:url(../img/review2_icon03.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon04		{ background:url(../img/review2_icon04.png) 0 0 no-repeat; width:62px; height:62px;}

.cont_body4_1 .review2_icon01_on		{ background:url(../img/review2_icon01_on.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon02_on		{ background:url(../img/review2_icon02_on.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon03_on		{ background:url(../img/review2_icon03_on.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon04_on		{ background:url(../img/review2_icon04_on.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon09_on		{ background:url(../img/review2_icon09_hover.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon10_on		{ background:url(../img/review2_icon10_hover.png) 0 0 no-repeat; width:62px; height:62px;}

.cont_body4_1 .review2_icon05		{ background:url(../img/review2_icon05.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon06		{ background:url(../img/review2_icon06.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon07		{ background:url(../img/review2_icon07.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon08		{ background:url(../img/review2_icon08.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon09		{ background:url(../img/review2_icon09.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon10		{ background:url(../img/review2_icon10.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon11		{ background:url(../img/review2_icon11.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon12		{ background:url(../img/review2_icon12.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon13		{ background:url(../img/review2_icon13.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon14		{ background:url(../img/review2_icon14.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon15		{ background:url(../img/review2_icon15.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon16		{ background:url(../img/review2_icon16.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon17		{ background:url(../img/review2_icon17.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon18		{ background:url(../img/review2_icon18.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon19		{ background:url(../img/review2_icon19.png) 0 0 no-repeat; width:62px; height:62px;}

.cont_body4_1 .review2_icon01_off		{ background:url(../img/review2_icon01_off.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon02_off		{ background:url(../img/review2_icon02_off.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon03_off		{ background:url(../img/review2_icon03_off.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon04_off		{ background:url(../img/review2_icon04_off.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon05_off		{ background:url(../img/review2_icon05_off.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon06_off		{ background:url(../img/review2_icon06_off.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon07_off		{ background:url(../img/review2_icon07_off.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon08_off		{ background:url(../img/review2_icon08_off.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon09_off		{ background:url(../img/review2_icon09_off.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon10_off		{ background:url(../img/review2_icon10_off.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon11_off		{ background:url(../img/review2_icon11_off.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon12_off		{ background:url(../img/review2_icon12_off.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon13_off		{ background:url(../img/review2_icon13_off.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon14_off		{ background:url(../img/review2_icon14_off.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon15_off		{ background:url(../img/review2_icon15_off.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon16_off		{ background:url(../img/review2_icon16_off.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon17_off		{ background:url(../img/review2_icon17_off.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon18_off		{ background:url(../img/review2_icon18_off.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon19_off		{ background:url(../img/review2_icon19_off.png) 0 0 no-repeat; width:62px; height:62px;}

.cont_body4_1 .review2_icon01_on_off		{ background:url(../img/review2_icon01_on_off.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon02_on_off		{ background:url(../img/review2_icon02_on_off.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon03_on_off		{ background:url(../img/review2_icon03_on_off.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon04_on_off		{ background:url(../img/review2_icon04_on_off.png) 0 0 no-repeat; width:62px; height:62px;}

.cont_body4_1 .review2_icon01:hover		{ background:url(../img/review2_icon01_hover.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon02:hover		{ background:url(../img/review2_icon02_hover.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon03:hover		{ background:url(../img/review2_icon03_hover.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon04:hover		{ background:url(../img/review2_icon04_hover.png) 0 0 no-repeat; width:62px; height:62px;}

.cont_body4_1 .review2_icon01_on:hover		{ background:url(../img/review2_icon01_on_hover.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon02_on:hover		{ background:url(../img/review2_icon02_on_hover.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon03_on:hover		{ background:url(../img/review2_icon03_on_hover.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon04_on:hover		{ background:url(../img/review2_icon04_on_hover.png) 0 0 no-repeat; width:62px; height:62px;}

.cont_body4_1 .review2_icon05:hover		{ background:url(../img/review2_icon05_hover.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon06:hover		{ background:url(../img/review2_icon06_hover.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon07:hover		{ background:url(../img/review2_icon07_hover.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon08:hover		{ background:url(../img/review2_icon08_hover.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon09:hover		{ background:url(../img/review2_icon09_hover.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon10:hover		{ background:url(../img/review2_icon10_hover.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon11:hover		{ background:url(../img/review2_icon11_hover.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon12:hover		{ background:url(../img/review2_icon12_hover.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon13:hover		{ background:url(../img/review2_icon13_hover.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon14:hover		{ background:url(../img/review2_icon14_hover.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon15:hover		{ background:url(../img/review2_icon15_hover.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon16:hover		{ background:url(../img/review2_icon16_hover.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon17:hover		{ background:url(../img/review2_icon17_hover.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon18:hover		{ background:url(../img/review2_icon18_hover.png) 0 0 no-repeat; width:62px; height:62px;}
.cont_body4_1 .review2_icon19:hover		{ background:url(../img/review2_icon19_hover.png) 0 0 no-repeat; width:62px; height:62px;}


.cont_body4_2	{position:relative;clear:both;	border-left:#d2d2d2 1px solid; border-right:#d2d2d2 1px solid; border-bottom:#d2d2d2 1px solid;}
.cont_body4_2  td{   vertical-align: top;}
.cont_body4_3	{position:relative;clear:both; padding:7px;border:#d2d2d2 1px solid;}


.cont_body5	{position:relative; }
.cont_body5_1 { float:left; border:#d2d2d2 1px solid; width:280px;}
.cont_body5_2 { float:right; border:#d2d2d2 0px solid; width:956px;} 

.body5_1_01	{ text-align:center; padding:5px 0 2px 0;}
.body5_1_01 span { display:inline-block;}
.body5_1_01 .rule_bt11 { display:inline-block; background:url(../img/rule_bt11.png) 0 0 no-repeat; width:77px; height:31px;}
.body5_1_01 .rule_bt12 { display:inline-block; background:url(../img/rule_bt12.png) 0 0 no-repeat; width:100px; height:31px;border-left:#e9e9e9 1px solid;}
.body5_1_01 .rule_bt13 { display:inline-block; background:url(../img/rule_bt13.png) 0 0 no-repeat; width:81px; height:31px;	border-left:#e9e9e9 1px solid;}

.body5_1_01 .rule_bt11:hover { display:inline-block; background:url(../img/rule_bt11_hover.png) 0 0 no-repeat; width:77px; height:31px;}
.body5_1_01 .rule_bt12:hover { display:inline-block; background:url(../img/rule_bt12_hover.png) 0 0 no-repeat; width:100px; height:31px;border-left:#e9e9e9 1px solid;}
.body5_1_01 .rule_bt13:hover { display:inline-block; background:url(../img/rule_bt13_hover.png) 0 0 no-repeat; width:81px; height:31px;	border-left:#e9e9e9 1px solid;}

.body5_1_02 { color:#646464; font-size:11px; border-top:#e9e9e9 1px solid; border-bottom:#e9e9e9 1px solid; background-color:#f6f6f6; padding:2px 6px;}
.body5_1_02 .rule_bt21 { display:inline-block;  padding-left:21px; background:url(../img/rule_icon_o.png) 0 2px no-repeat; width:30px; height:17px; padding-top:4px;}
.body5_1_02 .rule_bt22 {display:inline-block;  padding-left:21px; background:url(../img/rule_icon_n.png) 0 2px no-repeat; width:70px; height:17px; padding-top:4px; }

.body5_1_03 { background-color:#f6f6f6;  padding:10px 0 ;  overflow: auto; height:674px;}

.body5_1_04 { background-color:#f6f6f6;  padding:10px 0 ;  overflow: auto; height:715px;}




/*
.db_tree { position:relative;}
.db_tree .tree_hd { font-weight:bold; color:#185290; display:block; padding:4px 0 0 18px; height:18px; background:url(../img/rule_icon2_p.png) 0 0 no-repeat; }
.db_tree .body5_2_dep1	{ background:url(../img/rule_icon2_bg1.png) 0 0 no-repeat; margin-bottom:10px; }
.db_tree .body5_2_dep1	li{ }
.db_tree .body5_2_dep1 .tree_bd01 { padding:4px 0 0 18px; height:18px; background:url(../img/rule_icon3_p.png) 0 0 no-repeat; }

.body5_2_dep1 .dep1_1 { padding:0px 0 0 18px;  background:url(../img/rule_icon2_bg3.png) 0 0 no-repeat;}
.body5_2_dep1 .dep1_2 { padding:0px 0 0 18px;  background:url(../img/rule_icon2_bg2.png) 0 0 no-repeat;}

.body5_2_dep1 .icon01 { padding:3px 0 0 16px; height:19px; background:url(../img/rule_icon3_p.png) 0 0 no-repeat; display:block;}
.body5_2_dep1 .icon02 { padding:3px 0 0 16px; height:19px; background:url(../img/rule_icon3_m.png) 0 0 no-repeat; display:block;}


.body5_2_dep1 .dep2_1 { padding:0px 0 0 18px; height:22px;  background:url(../img/rule_icon2_bg1.png) 0 0 no-repeat; vertical-align:top;} 
.body5_2_dep1 .dep2_2 { padding:0px 0 0 18px; height:22px; background:url(../img/rule_icon2_bg2.png) 0 0 no-repeat; vertical-align:top;} 
.body5_2_dep1 .dep2_3 { padding:0px 0 0 18px; height:22px; background:url(../img/rule_icon2_bg3.png) 0 0 no-repeat; vertical-align:top;} 

.body5_2_dep1 .dep3_0 { display:inline-block; padding:3px 0 0 1px; height:19px;  vertical-align:top;} 
.body5_2_dep1 .dep3_1 { display:inline-block; padding:3px 0 0 21px; height:19px;  background:url(../img/rule_icon_o.png) 0 2px no-repeat; vertical-align:top;} 
.body5_2_dep1 .dep3_2 { display:inline-block; padding:3px 0 0 21px; height:19px;  background:url(../img/rule_icon_f.png) 0 2px no-repeat; vertical-align:top;} 
.body5_2_dep1 .dep3_3 { display:inline-block; padding:3px 0 0 21px; height:19px;  background:url(../img/rule_icon_n.png) 0 2px no-repeat; vertical-align:top;} 
.body5_2_dep1 .dep3_4 { display:inline-block; padding:3px 0 0 21px; height:19px;  background:url(../img/rule_icon_u.png) 0 2px no-repeat; vertical-align:top;} 


.body5_2_dep1 .ef01 { color:#185290;} 
.body5_2_dep1 .ef02 { color:#1d91aa;} 
.body5_2_dep1 .ef03 { color:#b45050;} 
.body5_2_dep1 .ef04 { font-weight:bold;} 
.body5_2_dep1 .ef05 { background-color:#ffffff;}  
.body5_2_dep1 .ef06 { background-color:#e0ecf7;}  
*/

.db_tree { position:relative;margin:0 15px; height: 600px;}
.db_tree .tree_hd { font-weight:bold; color:#185290; display:block; padding:4px 0 0 18px; height:18px; background:url(../img/rule_icon2_m.png) 0 0 no-repeat; }
.db_tree .tree_hd2 { font-weight:bold; color:#185290; display:block; padding:4px 0 0 18px; height:18px; background:url(../img/rule_icon2_p.png) 0 0 no-repeat; }

.db_tree .body5_2_dep0	{ margin-bottom:10px; } 
.db_tree .body5_2_dep0	li{ }
.db_tree .body5_2_dep0 .tree_bd01 { padding:4px 0 0 18px; height:18px; background:url(../img/rule_icon3_p.png) 0 0 no-repeat; }



/*.db_tree .body5_2_dep1	{ background:url(../img/rule_icon2_bg1.png) 0 0 no-repeat; margin-bottom:10px; }*/
.db_tree .body5_2_dep1	{ background:url(../img/rule_icon2_bg1.png) 0 0 no-repeat; margin-bottom:10px; }
.db_tree .body5_2_dep1	li{ }
.db_tree .body5_2_dep1 .tree_bd01 { padding:4px 0 0 18px; height:18px; background:url(../img/rule_icon3_p.png) 0 0 no-repeat; }


.body5_2_dep1 .icon01 { padding:3px 0 0 16px; height:19px; background:url(../img/rule_icon3_m.png) 0 0 no-repeat; display:block;}
.body5_2_dep1 .icon02 { padding:3px 0 0 16px; height:19px; background:url(../img/rule_icon3_p.png) 0 0 no-repeat; display:block;}

.body5_2_dep0 .icon01 { padding:3px 0 0 16px; height:19px; background:url(../img/rule_icon3_m.png) 0 0 no-repeat; display:block;}
.body5_2_dep0 .icon02 { padding:3px 0 0 16px; height:19px; background:url(../img/rule_icon3_p.png) 0 0 no-repeat; display:block;}


.dep1_0 { padding:0px 0 0 18px; background:none;}
.dep1_1 { padding:0px 0 0 18px;  background:url(../img/rule_icon2_bg3.png) 0 0 no-repeat;}
.dep1_2 { padding:0px 0 0 18px;  background:url(../img/rule_icon2_bg2.png) 0 0 no-repeat;}
.dep1_3 { padding:0px 0 0 18px;  background:url(../img/rule_icon2_bg1.png) 0 0 no-repeat;  }

.dep2_0 { padding:0px 0 0 18px; height:22px; vertical-align:top;} 
.dep2_1 { padding:0px 0 0 18px; height:22px;  background:url(../img/rule_icon2_bg1.png) 0 0 no-repeat; vertical-align:top;} 
.dep2_2 { padding:0px 0 0 18px; height:22px; background:url(../img/rule_icon2_bg2.png) 0 0 no-repeat; vertical-align:top;} 
.dep2_3 { padding:0px 0 0 18px; height:22px; background:url(../img/rule_icon2_bg3.png) 0 0 no-repeat; vertical-align:top;} 

.dep3_0 { float: left; display: block;  padding:3px 0 0 1px; height:19px;  vertical-align:top;} 
.dep3_1 { float: left; display: block;  padding:3px 0 0 21px; height:19px;  background:url(../img/rule_icon_o.png) 0 2px no-repeat; vertical-align:top;} 
.dep3_2 { float: left; display: block;  padding:3px 0 0 21px; height:19px;  background:url(../img/rule_icon_f.png) 0 2px no-repeat; vertical-align:top;} 
.dep3_3 { float: left;display: block; padding:3px 0 0 21px; height:19px;  background:url(../img/rule_icon_n.png) 0 2px no-repeat; vertical-align:top;} 
.dep3_4 { float: left; display: block;  padding:3px 0 0 21px; height:19px;  background:url(../img/rule_icon_u.png) 0 2px no-repeat; vertical-align:top;} 


.ef01 { color:#185290;} 
.ef02 { color:#1d91aa;} 
.ef03 { color:#b45050;} 
.ef04 { font-weight:bold;} 
.ef05 { background-color:#ffffff;}  
.ef06 { background-color:#e0ecf7;}  




.cont_body6	{position:relative;}  
.cont_body7	{position:relative; display:block; padding:7px;  border-left:#d2d2d2 1px solid; border-bottom:#d2d2d2 1px solid;border-right:#d2d2d2 1px solid;}
.cont_body7_1 { overflow: auto;float:left;background-color:#f6f6f6; padding:10px; border:#e9e9e9 1px solid;width:280px; height:584px; vertical-align:top; }
.cont_body7_2 {	vertical-align:top ; margin-left:310px;}

.cont_body7	.bbs_title2 { display:inline-block; background:url(../img/icon_01.png) 0 2px no-repeat; padding-left:16px; padding-top:1px;  font-weight:bold; margin:7px 0 7px 0;}
 
.cont_body7	.bbs_body2 {clear:both;border:#d2d2d2 1px solid; padding:1px; height:500px; overflow: auto; margin-top:5px; top:40px;margin-bottom:10px;}
.cont_body7	.bbs_body2 .bbs_checked{ background-color:#e0ecf7; color:#185290;}
.cont_body7	.bbs_body2_1 { margin-bottom:10px;}
.icon_arr	{ padding:3px;}
.icon_arr2	{ padding:0px;}
.icon_arr1 { width:27px; height:37px; background:url(../img/bt_icon31.png) 0 0 no-repeat;}
.icon_arr2 {width:27px; height:37px; background:url(../img/bt_icon32.png) 0 0 no-repeat;}
.icon_arr3 {width:27px; height:37px; background:url(../img/bt_icon33.png) 0 0 no-repeat;}
.icon_arr4 {width:27px; height:37px; background:url(../img/bt_icon34.png) 0 0 no-repeat;}
.icon_arr5 {width:37px; height:27px; background:url(../img/bt_icon31_r.png) 0 0 no-repeat;}
.icon_arr6 {width:37px; height:27px; background:url(../img/bt_icon32_r.png) 0 0 no-repeat;}
.icon_arr7 {width:37px; height:27px; background:url(../img/bt_icon33_r.png) 0 0 no-repeat;}
.icon_arr8 {width:37px; height:27px; background:url(../img/bt_icon34_r.png) 0 0 no-repeat;}


.cont_body8_1	{ padding:7px; position:relative;clear:both;border:#d2d2d2 1px solid; }
.tal_r	{ text-align:right !important;}

.body_head01 { display:block; font-weight:bold; padding:4px 2px;}


.cs_heght01{ padding-bottom: 11px ;}
.cs_heght02{padding-bottom: 8px ;}
/*table*/

.tb_type01 {width:100%; color:#424242;  background:#FFF;}
.tb_type01 th { background:#e8e8e9 ; padding:3px 2px 2px 3px;text-align:center; height:22px; border-right:#fff 1px solid; }
.tb_type01 td { text-align:center; padding:3px 2px 2px 3px; border-bottom:#dededf 1px solid; height:22px;}
.tb_type01 tr:hover{ background-color:#f0f0f0; }

.tb_type01 .th_css01 { background:#e8e8e9 ; padding:3px 2px 2px 3px;text-align:center; height:22px; border-right:#fff 1px solid; }

.tb_type01 .txt_l {text-align:left ; padding-left:8px; }


.tb_type02 { border-spacing:2px; min-height:1px;}
.tb_type02 th { background:#e2f3f3 ; padding:2px 1px 2px 17px; border-top:#FFF 4px solid;  border-right:#FFF 1px solid; border-bottom:#FFF 4px solid; border-left:#FFF 1px solid;     text-align: left; } /*************  하나카드 수정  *****************/
.tb_type02 td { height:25px; padding:2px 1px 2px 1px; }



.tb_type03 { color:#424242;  background:#FFF;}
.tb_type03 th { background:#e8e8e9  ; padding:3px 3px 2px 3px; text-align:center; height:22px; border-right:#fff 1px solid; }
.tb_type03 td { text-align:center; padding:3px 2px 2px 3px; border-bottom:#dededf 1px solid; height:22px;}
.tb_type03 tr:hover{ background-color:#f0f0f0; }

.tb_type03 .txt_l {text-align:left ; padding-left:8px; }


.tb_type04 {}
.tb_type04 td	{ vertical-align:top; }
.tb_type04 .rline{ border-right:#d2d2d2 1px solid;}
.tb_type04 .padg { padding:7px;}
 
.tb_type04_1 { border-spacing:2px; }
.tb_type04_1 th { background:#e2f3f3 ; padding:2px 1px 2px 10px; border-top:#FFF 4px solid;  border-right:#FFF 1px solid; border-bottom:#FFF 4px solid; border-left:#FFF 1px solid;   text-align: left;}   /*************  하나카드 수정  *****************/

.tb_type04_1 td { height:25px; padding:2px 1px 2px 1px; }


.rdonly{ background-color:#f4f4f4; }
.txt_r{ text-align:right;}



.tb_type05 { border-spacing:2px; }
.tb_type05 th { border-top:#FFF 4px solid;  border-right:#FFF 1px solid; border-bottom:#FFF 4px solid; border-left:#FFF 1px solid;}
.tb_type05  .bgcolor001 { background:#e2f3f3 ;}  /*************  하나카드 수정  *****************/
.tb_type05 td { height:25px; padding:2px 1px 2px 1px; }
.tb_type05 .txt001 {  padding:15px; line-height:150%; }
.tb_type05 .txt002 {  padding:5px 15px ;  }



.review_navi {float:right; margin-bottom:3px; clear:both;}
.review_navi  span{	display:inline-block;	 vertical-align:top;}
.review_navi .vw_total { padding:6px 10px; 0 0;}


.review_navi2 {float:right;  }
.review_navi2  span{	display:inline-block;	 vertical-align:top;}
.review_navi2 .vw_total { padding:6px 10px; 0 0;}

.navi_fir	{ background:url(../img/bt_navi01.png) 0 0 no-repeat; width:28px; height:24px;}
.navi_pre	{ background:url(../img/bt_navi02.png) 0 0 no-repeat; width:29px; height:24px;}
.navi_nex	{ background:url(../img/bt_navi03.png) 0 0 no-repeat; width:29px; height:24px;}
.navi_end	{ background:url(../img/bt_navi04.png) 0 0 no-repeat; width:28px; height:24px;}

.navi_fir:hover	{ background:url(../img/bt_navi01_on.png) 0 0 no-repeat; width:28px; height:24px;}
 .navi_pre:hover	{ background:url(../img/bt_navi02_on.png) 0 0 no-repeat; width:29px; height:24px;}
.navi_nex:hover	{ background:url(../img/bt_navi03_on.png) 0 0 no-repeat; width:29px; height:24px;}
.navi_end:hover	{ background:url(../img/bt_navi04_on.png) 0 0 no-repeat; width:28px; height:24px;}



.ptb_type01 { border-spacing:2px; width:100%;}
.ptb_type01 th { height:24px; background:#e2f3f3 ;/* padding:2px 1px 2px 17px;border-top:#FFF 4px solid;  border-bottom:#FFF 4px solid;*/ border-left:#FFF 1px solid; border-right:#FFF 1px solid; }   /*************  하나카드 수정  *****************/
.ptb_type01 td {  padding:0px 1px; }

.ptb_type02 { border-spacing:2px;}
.ptb_type02 th {  background:#e2f3f3 ; padding:3px 1px 5px 15px; border-top:#FFF 2px solid;  border-right:#FFF 1px solid; border-bottom:#FFF 3px solid; border-left:#FFF 1px solid;   text-align: left; }   /*************  하나카드 수정  *****************/
.ptb_type02 td {  padding:1px 1px 1px 1px; }
.leftpd10 { padding-left:5px !important;}


.ptb_type02 .txt_alignr{ text-align:right; padding-right:3px;}

.ptb_type03 { border-spacing:2px;}
.ptb_type03 th {  background:#e2f3f3 ; padding:3px 1px 5px 15px; border-top:#FFF 1px solid;  border-right:#FFF 1px solid; border-bottom:#d0d3d4 1px solid; border-left:#FFF 1px solid;   text-align: center; }   /*************  하나카드 수정  *****************/
.ptb_type03 .first{  background:#e2f3f3 ; padding:3px 1px 5px 15px; border-top:#FFF 1px solid;  border-right:#FFF 1px solid; border-bottom:#FFF 1px solid; border-left:#FFF 1px solid;   text-align: center; }   /*************  하나카드 수정  *****************/
.ptb_type03 .second{  background:#e2f3f3 ; padding:3px 1px 5px 15px; border-top:#FFF 1px solid;  border-right:#d0d3d4 1px solid; border-bottom:#FFF 1px solid; border-left:#FFF 1px solid;   text-align: center; }   /*************  하나카드 수정  *****************/
.ptb_type03 .last{  background:#e2f3f3 ; padding:3px 1px 5px 15px; border-top:#FFF 1px solid;  border-right:#e2f3f3 1px solid; border-bottom:#d0d3d4 1px solid; border-left:#FFF 1px solid;   text-align: center; }   /*************  하나카드 수정  *****************/
.ptb_type03 td {  padding:1px 1px 1px 1px; border-top:#FFF 1px solid;  border-right:#d0d3d4 1px solid; border-bottom:#d0d3d4 1px solid; border-left:#FFF 1px solid;}
.ptb_type03 .txt_alignr{ text-align:right; padding-right:3px;}

/* login */

.login	{
	position: relative;
	left: 50%;
	top: 48%;
	margin: -135px 0 0 -235px;
	width: 460px;
	height: 260px;
	}
	
.login .login_head {


}
.login	.login_body{
	position: relative; 
	border-top: 10px solid #007370;
	border-right: 1px solid #007370;
	border-bottom: 1px solid #007370;
	border-left: 1px solid #007370;
	padding:30px 30px 30px 60px;
	background-color:#FFF;
	}   /*************  하나카드 수정  *****************/
.login	.login_body table td{
	padding:1px;
	}

.login .login_footer {
	margin-top:5px;
	display:inline-block;
	width: 426px;
	height: 36px; 
	background:url(../img/left_foot2.png) 0 0 no-repeat;
}

.pcontainer2 { width:400px;} 


/* pop up */
.pcontainer { width:100%;}
.pop_title { display:block; font-family: '나눔고딕', 'NanumGothic','맑은 고딕', 'Malgun Gothic', Helvetica; font-size:16px; height:32px;  color:#fff; padding:10px 3px 0px 10px; font-weight:bold; background-color:#007370;}   /*************  하나카드 수정  *****************/


.popcont_body	{position:relative; height:27px; border-bottom:#d2d2d2 1px solid;}
.popcont_body	.tap	{ border:0px; display:inline-block; font-weight:bold;  background:url(../img/tab_bg01.png) 0 0 no-repeat; background-position:right; height:28px; padding:0px; background-color:#d6d6d6; border-left:#d2d2d2 1px solid; color:#5e5e5e;} 
.popcont_body	.tap_on	{ border:0px;display:inline-block; font-weight:bold;  background:url(../img/tab_bg01_on.png) 0 0 no-repeat; background-position:right; height:28px; padding:0px ;  border-left:#d2d2d2 1px solid; background-color:#fff;} 
.cont_body3	.tap2	{ border:0px; display:inline-block; font-weight:bold;  background:url(../img/tab_bg01.png) 0 0 no-repeat; background-position:right; height:28px; padding:0px; background-color:#d6d6d6; border-left:#d2d2d2 1px solid; color:#5e5e5e;} 
.cont_body3	.tap2_on	{ border:0px;display:inline-block; font-weight:bold;  background:url(../img/tab_bg01_on.png) 0 0 no-repeat; background-position:right; height:28px; padding:0px ;  border-left:#d2d2d2 1px solid; background-color:#fff;} 


.popcont_body	span{ display:inline-block; margin:8px 10px 10px 20px;width:90px;}

.popcont_body	button	{ z-index:9999; float:left; display:inline-block; margin-right:3px;}
.popcont_body	button:hover	{z-index:9999; display:inline-block; font-weight:bold;  background:url(../img/tab_bg01_on.png) 0 0 no-repeat; background-position:right; height:28px; padding:0px ;  border-left:#d2d2d2 1px solid; color:#333;background-color:#fff;} 


.pop_body .dash_bd { margin-bottom:10px; border:#d2d2d2 1px solid; padding:6px; }
.pop_body .bt_area { margin-bottom:10px; }
.cont_body4_3 .dash_bd { margin-bottom:10px;  }

.cont_body4	.bbs_body3_2 {clear:both;border:#d2d2d2 1px solid; padding:1px; height:400px;   top:40px; white-space:nowrap; background:#F2F2F2;}
.cont_body4	.bbs_body3_3 {clear:both;border:#d2d2d2 1px solid; padding:1px; height:150px;  top:40px; white-space:nowrap; background:#F2F2F2;} 
.cont_body4	.bbs_body3_4 {clear:both;border:#d2d2d2 1px solid; padding:1px; height:280px;  top:40px; white-space:nowrap; background:#F2F2F2;} 


.pop_body	{position:relative;clear:both; padding:10px 10px 0px 10px; }
.pop_body	.bbs_body2 {clear:both;border:#d2d2d2 1px solid; padding:1px; height:300px; margin-top:5px; top:40px;margin-bottom:10px;}
.pop_body	.bbs_body2 .bbs_checked{ background-color:#e0ecf7; color:#185290;}
.pop_body	.bbs_body2_1 { margin-bottom:10px;}
.pop_body	.bbs_body2_2 { margin-bottom:1px;}
.pop_body	.bbs_title2 { display:inline-block; background:url(../img/icon_01.png) 0 2px no-repeat; padding-left:16px; padding-top:1px;  font-weight:bold; margin:7px 0 3px 0;}
.pop_body	.bbs_title2_1 { display:inline-block; background:url(../img/icon_01.png) 0 2px no-repeat; padding-left:16px; padding-top:1px;  font-weight:bold; margin:3px 0 7px 0;}

.pop_body	.bbs_body3 {clear:both;border:#d2d2d2 1px solid; padding:1px; height:500px; overflow: auto; margin-top:5px; top:40px;margin-bottom:10px;}

.pop_body2 { } 



.cont_body4_3	.bbs_body2 {clear:both;border:#d2d2d2 1px solid; padding:1px; margin-top:5px; top:40px;margin-bottom:10px;}
.cont_body4_3	.bbs_body2 .bbs_checked{ background-color:#e0ecf7; color:#185290;}
.cont_body4_3	.bbs_body2_1 { margin-bottom:10px;}
.cont_body4_3	.bbs_body2_2 { margin-bottom:1px;}
.cont_body4_3	.bbs_title2 { display:inline-block; background:url(../img/icon_01.png) 0 2px  no-repeat; padding-left:16px; padding-top:1px;  font-weight:bold; margin:7px 0 3px 0;}

.cont_body4_3	.bbs_body3 {clear:both;border:#d2d2d2 1px solid; padding:1px; margin-top:5px; top:40px;margin-bottom:10px;}
.cont_body4_3	.bbs_body3 .bbs_checked{ background-color:#e0ecf7; color:#185290;} 

.ptb_bottom { display:block;padding:5px 0 5px 0; height:28px;}
.ic_add {   background:url(../img/icon_02.png) 0 0 no-repeat; width:27px; height:25px; }


.layer_pop01	{ position:absolute; top:50px ;	 left:450px; z-index:999;background-color:#FFF;}
.layer_pop02	{ position:absolute; top:400px ; left:450px; z-index:999;background-color:#FFF;}
.layer_cont  	{  width:500px; border:#d2d2d2 1px solid; }
.layer_cont .laycon_body{   padding:10px;	}
.laycon_body2   {  border: #d2d2d2 1px solid; padding:1px;	margin-bottom:5px;}
 
.pop_close { background:url(../img/pop_close.png) 0 0 no-repeat; float:right; width:20px; height:20px; margin-top:2px; margin-right:10px; padding:2px; }


.tb_poptype01 {width:100%; color:#424242;  background:#FFF;}
.tb_poptype01 th { background:#e8e8e9 ; padding:3px 2px 2px 10px;text-align:left; height:22px; border-right:#fff 1px solid;; border-bottom:#fff 1px solid; }
.tb_poptype01 td {  padding:3px 2px 2px 10px; border-bottom:#dededf 1px solid; height:22px;}
.tb_poptype01 tr:hover{ background-color:#f0f0f0; }

.tb_poptype01_1 {color:#424242;  background:#FFF; min-height: 1px;}
.tb_poptype01_1 th { background:#e8e8e9 ; padding:3px 2px 2px 2px;text-align:center; height:22px; border-right:#fff 1px solid;; border-bottom:#fff 1px solid; }
.tb_poptype01_1 td {  padding:3px 2px 2px 10px;  height:22px;}
.tb_poptype01_1 tr:hover{ background-color:#f0f0f0; }


.tb_poptype01_1  .td_alr{ text-align:right; padding-right:5px;}


.tb_poptype02 {width:100%; }
.tb_poptype02 td	{ vertical-align:top; }
.tb_poptype02 .lp10{ padding-left:10px;}
.tb_poptype02 .tp10{ padding-top:10px;}



.tb_poptype03 {width:100%; color:#424242;  background:#FFF;}
.tb_poptype03 th { background:#e8e8e9 ; padding:3px 2px 2px 10px;text-align:left; height:22px; border-right:#fff 1px solid;; border-bottom:#fff 1px solid; }
.tb_poptype03 td {  padding:3px 2px 2px 10px; border-bottom:#dededf 1px solid; height:22px;  border-right:#dededf 1px solid;}
.tb_poptype03 .3th_line{  border-bottom:#dededf 2px solid;} 



.bd_scroll{
	width:350px; height:400px;overflow:auto; padding:1px; border:#CCC 1px solid;
	
	}
	
.bd_scroll ul{ }
.bd_scroll li{ padding:0px; cursor:pointer;}
.bd_scroll li:hover{ padding:0px;  background-color:#eaeaea}
.bd_scroll .bt_click{ background-color:#e2f3f3;}  /*************  하나카드 수정  *****************/
	
.stitle01{ display:block; font-weight:bold;font-family: '맑은 고딕', 'Malgun Gothic', Helvetica; font-size:14px; padding:3px 2px;	}



.bbs2_body {clear:both;border:#d2d2d2 1px solid; padding:1px;   margin-top:5px; height:320px;} 

.icon_new {background:url(../img/icon_new.gif) 3px 1px no-repeat; width:14px; height:12px; border:#dededf 0px solid;
	display:inline-block; 
}

.t_redcard {  display:inline-block;background:url(../img/icon_redcard.png) 0px 0px no-repeat; width:33px; height:20px; vertical-align:bottom;}
.b_point{ border:#999999 1px solid;}

.dash2_th { font-size:16px;}
.dash2_td { font-size:19px; font-weight:bold;height:50px; color:#008485;; }
