/* UI Development Hee-Ran Kim */

/* °øÅë */
img		{border:none}
body	{margin:0px}
body, table, tr, td, textarea {	font-family:arial; font-size:12px; color:#333333; word-break:break-all;}

div,p {padding:0px; margin:0px; border:0px; font-family:"arial"; font-size:12px; color:#333333; }

dl,dd	{padding:0px; margin:0px}

.fl	{float:left} 
.fr	{float:right}
.bar	{color:#cccccc;}
.bar2	{color:#767676;}

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

.b {font-weight:bold}
.d {font-family:"arial";}
.p10 {font-size:10px}
.p11 {font-size:11px}
.p13 {font-size:13px}
.p14 {font-size:14px}
.p16 {font-size:16px}

.lh_160	{line-height:160%;} 
.lh_150	{line-height:150%;} 
.lh_140	{line-height:140%;} 
.lh_130	{line-height:130%;} 
.lh_100	{line-height:100%;}

.t_left	 {text-align:left;}
.t_center	 {text-align:center;}
.t_right	 {text-align:right;}

.table_fix {table-layout:fixed;}
.table_bg	{background-color:#ebebeb;}
.table_line	{border:#d4d4d4 solid 1px; background-color:#ffffff}
.right_bg	{background-color:#ededed;}
.dot	{margin:-2px 5px 0px 0px}

.u {text-decoration:underline}
.u:link		{text-decoration:underline}
.u:visited	{text-decoration:underline}
.u:hover	{text-decoration:underline}

/* div */
ul,li{margin:0px; padding:0px; line-height:0.5em;}

#num li { list-style:decimal; line-height:1.6em;  margin:0px; padding:0 0 0  -2.8em;}
#num ul { margin:0px 0 4px 0;}

#arrow li {background:url(/images/web/mid2_icon05.gif) 3px 3px no-repeat; line-height:1.3em; margin:0 0 20px 0; padding:1px 0 0 14px; }
#arrow ul { margin:0px 0 4px 0;}

#arrow2 li {background:url(/images/web/mid2_icon05.gif) 3px 3px no-repeat; line-height:1.3em; margin:0 0 6px 0; padding:1px 0 0 14px; }
#arrow2 ul { margin:0px 0 4px 0;}

#sitemap li {background:url(/images/web/mid5_s1_icon01.gif) 0px no-repeat; line-height:2em; margin:0px; padding:1px 0 0 17px; }
#sitemap ul { margin:0px 0 4px 0;}

#sitemap2 li {background-image:url(/images/web/mid5_s1_icon02.gif) 0px no-repeat; line-height:2em; margin:0px; padding:1px 0 0 17px; }
#sitemap2 ul { margin:0px 0 4px 0;}

#sitemap3 li {background-image:url(/images/web/mid5_s1_icon03.gif) 0px no-repeat; line-height:2em; margin:0px; padding:1px 0 0 17px; }
#sitemap3 ul { margin:0px 0 4px 0;}

#dot li {background-image:url(/images/web/top_icon.gif) 3px 3px no-repeat; line-height:1.3em; margin:0 0 6px 0; padding:1px 0 0 14px; }
#dot ul { margin:0px;}

#dot2 li {background:url(/images/web/mid1_s2_icon.gif) 8px no-repeat; line-height:1.6em; margin:0px; padding:1px 0 0 13px; }
#dot2 ul { margin:0 0 37px 0;}

#tem	{width:964px;}
#main	{width:677px;}

#left	{width:200px;}
#left2	{width:200px; background-image:url(/images/web/mid1_menu_bg.gif); }
#topLeft	{width:287px;}

#center	{width:614px; background-image:url(/images/web/mid1_menu_bg2.gif); background-repeat:repeat-y; padding-bottom:20px}
#center2	{width:614px; padding-bottom:20px}
#topCenter{width:497px;}

#right		{width:150px;height:700}
#topRight{width:180px;}

#space_30	{padding-top:30px}
#space_20	{padding-top:20px}
#space_15	{padding-top:15px}
#space_10	{padding-top:10px}
#space_8	{padding-top:8px}
#space_6	{padding-top:6px}

#line	{border-top:#d1d1d1 solid 1px}
#line2	{border-top:#f6f6f6 solid 5px}

#box_line	{background-color:#cccccc; padding-top:1px}
#box_line2	{background-color:#cccccc; padding-left:1px; height:150px}

#dot_line	{background-image:url(/images/web/top_faq_dot.gif); padding-top:1px}
#dot_bbsline	{background-image:url(/images/web/bbs_dot.gif); padding-top:1px}

/* bbs */
.bbs_sel	 {width:53px}
.bbs_sel2	 {width:126px}
.bbs_sel3	 {width:331px;}
.bbs_sel4	 {width:84px}

.bbs_sp	 {padding:7px 0 9px 0}
.bbs_sp2	 {padding:15px 0 15px 0}
.bbs_line	{border-top:#cdcdcd solid 1px;}
.bbs_line2	{border-top:#f0f0f0 solid 4px}

#cNumbering { text-align:center; margin:10px 0 0 0; }
#cNumbering a { font-family:"arial"; font-size:12px; color:#161615; text-align:"center"; padding:0 5px 0 5px; cursor:pointer; text-decoration:none; }
#cNumbering a.Over { font-family:"arial"; font-size:12px; color:#161615; text-align:"center";  background-Color:#F6F3EE; padding:0 5px 0 5px; cursor:pointer; }
#cNumbering a.Select { font-family:"arial"; font-size:12px; color:#fa3f11; text-align:"center"; font-weight:bold; padding:0 5px 0 5px; }
#cNumbering a.img { font-family:"arial"; padding:0px; }

/* font */
.d_333333 			{color:#333333}
.d_333333:link		{color:#333333}
.d_333333:visited	{color:#333333}
.d_333333:hover		{color:#333333}

.d_666666 			{color:#666666}
.d_666666:link		{color:#666666}
.d_666666:visited	{color:#666666}
.d_666666:hover		{color:#666666}

.d_999999 			{color:#999999}
.d_999999:link		{color:#999999}
.d_999999:visited	{color:#999999}
.d_999999:hover		{color:#999999}

.d_ffffff 			{color:#ffffff}
.d_ffffff:link		{color:#ffffff}
.d_ffffff:visited	{color:#ffffff}
.d_ffffff:hover		{color:#ffffff}

.d_000000 			{color:#000000}
.d_000000:link		{color:#000000}
.d_000000:visited	{color:#000000}
.d_000000:hover		{color:#000000}

.d_495f87 			{color:#495f87}
.d_495f87:link		{color:#495f87}
.d_495f87:visited	{color:#495f87}
.d_495f87:hover		{color:#495f87}

.d_ba4a00 			{color:#ba4a00}
.d_ba4a00:link		{color:#ba4a00}
.d_ba4a00:visited	{color:#ba4a00}
.d_ba4a00:hover		{color:#ba4a00}

.d_a11000 			{color:#a11000}
.d_a11000:link		{color:#a11000}
.d_a11000:visited	{color:#a11000}
.d_a11000:hover		{color:#a11000}

.d_cb3900 			{color:#cb3900}
.d_cb3900:link		{color:#cb3900}
.d_cb3900:visited	{color:#cb3900}
.d_cb3900:hover		{color:#cb3900}

.d_016791 			{color:#016791}
.d_0071ab 			{color:#0071ab}
.d_08498b 			{color:#08498b}
.d_0c839f 			{color:#0c839f}
.d_ff4902	 	{color:#ff4902}

/* form */
form	{margin:0px}
input.login_box {font-family:arial; font-size:12px; border:1px solid #007FD8; }
input.chk { margin:0 0 -2 0; }
.box {border:#7c7c7c solid 1px; height:18px}
.inp {font-family:arial; font-size:12px; border:1px solid #7E9DB9; }

.inp2 { border:#007FD8 solid 1px; overflow:auto; font-size:12px; font-family:arial;  
scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #CECECE; scrollbar-highlight-color: #CECECE; scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #A3A3A3;}

.inp3 {font-family:arial; font-size:12px; border:1px solid #7E9DB9; }

.inp4 { border:#7E9DB9 solid 1px; overflow:auto; font-size:12px; font-family:arial;  
scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #CECECE; scrollbar-highlight-color: #CECECE; scrollbar-3dlight-color: #ffffff; 
scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF;scrollbar-arrow-color: #A3A3A3;}

.inp5 { border:#D4D0C7 solid 1px; overflow:auto; font-size:12px; font-family:arial;  
scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #CECECE; scrollbar-highlight-color: #CECECE; scrollbar-3dlight-color: #ffffff; 
scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF;scrollbar-arrow-color: #A3A3A3;}

.inp6 {font-family:arial; font-size:11px; border:1px solid #ACA090; }

/* ½ºÅ©·Ñ¹Ù */
#scrollbox {overflow:auto; padding:0px; border:0px; color:#686868;
scrollbar-3dlight-color:#ffffff;
scrollbar-arrow-color:#666666;
scrollbar-base-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#f2f2f2;
scrollbar-shadow-color:#7F7F7F;
}

/* img */
.l_img	{border:#6d6f6e solid 1px}
.d_img	{border:#c1c1c1 solid 1px; padding:2px}
.d_img2	{border:#c1c1c1 solid 1px; padding:2px; background-color:#ffffff;}

/* copyright */
#copyright	{width:940; height:37; background-color:#e6e6e6;};