@charset "utf-8";

 /* 기본 */
* {margin:0; padding:0; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}
html, body {height:100%; font-size:12px; color:#5B5B5B; line-height:16px; border:none; list-style:none; background:#262323;}
img, fieldset, button {border:none; font-size:0px; line-height:0px;}
hr, button img {display:none;}
li {list-style:none;}
html:first-child select {padding-right:6px; height:20px;} /* Opera 9 & Below Fix */ 
option {padding-right:6px;} /* Firefox Fix */
legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;} /* For Screen Reader */ 

/* 링크관련 */
a, a:visited {text-decoration:none; color:#5b5b5b;}
a:hover, a:active, a:focus {text-decoration:underline; color:#242424;}

/* 폼관련 */
textarea {overflow:auto;} 
select {font-size:12px;}
.input {font-family:tahoma; border:#e2e1e1 1px solid; height:18px; background:#ffffff;}
.input2 {font-family:tahoma; border:#eae9e9 1px solid; height:18px; background:#f4f3f3;}
.inputSel {font-family:tahoma; border:#e2e1e1 1px solid; height:20px; background:#ffffff;}
.inputSel2 {font-family:tahoma; border:#eae9e9 1px solid; height:20px; background:#f4f3f3;}

/* png24이미지 */
.png24 {tmp:expression(setPng24(this));} 

/* 폰트관련 */
.f11px {font-family:tahoma; font-size:11px; letter-spacing:0px;} /* 기본 11폰트 */
.f12px {font-family:tahoma; font-size:12px; letter-spacing:0px;} /* 기본 12폰트 */
.f14px {font-family:tahoma; font-size:14px; letter-spacing:0px;} /* 기본 16폰트 */
.f16px {font-family:tahoma; font-size:16px; letter-spacing:0px;} /* 기본 16폰트 */
.f19px {font-family:tahoma; font-size:19px; letter-spacing:0px;} /* 기본 19폰트 */
.f25px {font-family:tahoma; font-size:25px; letter-spacing:0px;} /* 기본 19폰트 */

.f11kpx {font-size:11px; letter-spacing:0px;}/* 한글 붙은 11폰트 */
.f12kpx {font-size:12px; letter-spacing:0px;}/* 한글 붙은 12폰트 */
.f16kpx {font-size:16px; letter-spacing:0px;}/* 한글 붙은 16폰트 */
.f19kpx {font-size:19px; letter-spacing:0px;}/* 한글 붙은 19폰트 */

/* 기본클래스 */
.fl		{float:left !important;}
.fr		{float:right !important;}
.cb	{clear:both !important;}
.ac	{text-align:center !important;}
.al		{text-align:left !important;}
.ar		{text-align:right !important;}
.vt		{vertical-align:top !important;}
.vm	{vertical-align:middle !important;}
.vb	{vertical-align:bottom !important;}
.jf		{text-align:justify !important;}
.oh	{overflow:hidden !important;}
.cp	{cursor:pointer !important;}
.di		{display:inline !important;}
.dn	{display:none !important;}
.db	{display:block !important;}
.vv	{visibility:visible !important;}
.vh	{visibility:hidden !important;}
.bn	{border:none !important;}
.bbn	{border-bottom:none !important;}
.brn	{border-right:none !important;}
.bgn	{background:none !important;} 
.fb		{font-weight:bold !important;}
.fs		{font-size:11px !important;}
.b0    {border:none;}
.liSpace {font-size:0px; line-height:0px;}



/* 기본 레이아웃[틀]  ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.wrap {width:100%; background:#ffffff;}
.gnb {position:absolute; width:100%; text-align:center;}
.top {position:absolute; width:100%; top:135px; text-align:center;}
.topArea {text-align:center;}
.content {width:950px; margin:0px auto;}
.footer {clear:both; width:100%; text-align:center;} 

/* 좌우레이아웃 */
.left {width:220px; float:left;}
.right {width:730px; float:left;}
.right .navi {float:right; font-size:11px; letter-spacing:-1px; padding-top:8px;}



/* 메인 ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.MAIN_top {position:absolute; width:100%; top:350px; text-align:center;}
.MAIN_content {width:900px; margin:0px auto;}
.MAIN_content li {float:left;}
.MAIN_content .freeboard {background:url('/images/Main/freeboard_bg.jpg'); padding:0px 12px 0px 12px;}
.MAIN_content .freeboard td {padding-bottom:2px; _padding-bottom:4px;}
.MAIN_content .news td {padding-bottom:6px;}
.MAIN_content .screen {background:url('/images/Main/screen_bg.gif'); padding:0px 20px 0px 20px;}
.MAIN_content .screen li {float:left;}
.MAIN_content .screen .screen_box {width:123px; height:75px; border:#d4d4d4 1px solid;}

/* 탭 */
.TAB_news {width:442px; height:27px; background:url('/images/Main/tab_news_bg.gif');}
.TAB_news li {float:left;}


/* 공통부분  ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* 로그인 */
.LOGIN {width:140px; height:44px; background:url('/images/Commons/img/login_bg.gif') no-repeat; padding:7px 0px 0px 50px;}
.LOGIN li {float:left;}
.LOGIN .login_input {width:70px; height:16px; border:none; background:#f0f0f0; font-family:tahoma;}

/* 마이정보 */
.MYPAGE {width:150px; height:30px; background:url('/images/Commons/img/login_bg2.gif'); padding:10px 20px 10px 20px;}
.MYPAGE td {padding:2px 0px 2px 0px;}

/* 좌측메뉴 */
.leftMenu {width:190px; background:url('/images/Commons/img/left_menu_bg.gif'); text-align:center;}

/* 팝업-중복확인 */
.POP_idText {width:455px; color:#1b548b; letter-spacing:-1px; font-weight:bold; text-align:center; padding-top:30px;}
.POP_idSearch {width:405px; height:40px; border:5px solid #dedede; text-align:center; margin:30px 20px 20px 20px; padding-top:15px;}

/* 탭 */
.TAB {width:730px; height:31px; background:url('/images/Commons/img/tab_bg.gif');}
.TAB li {float:left;}

/* 페이지 로그인 */
.LOGIN_page {width:730px;} 
.LOGIN_page li {float:left; font-size:0px; line-height:0px;} 
.LOGIN_page .login_input {width:217px; height:45px; background:#f4f4f4;} 


/* 게시판  ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* 게시판(리스트) */
.BOARD_listBar {width:730px; height:37px; background:url('/images/Commons/img/board_bar.gif') no-repeat;}
.BOARD_listBar td {padding:4px 0px 8px 0px; text-align:center;} 

.BOARD_list {width:730px; background:#ffffff;}
.BOARD_list td {border-bottom:1px solid #e1e1e1; padding:8px 0px 8px 0px; text-align:center;} 
.BOARD_list .t {text-align:left; padding-left:5px;} 
.BOARD_list .n {font-family:tahoma; font-size:11px;} 

.BOARD_listNum {width:730px; text-align:center; margin:30px 0px 40px 0px;}
.BOARD_listNum a {font-family:tahoma; font-size:12px;}
.BOARD_listBtn {width:730px; text-align:right; margin:-62px 0px 40px 0px;} 

.BOARD_listSearch {text-align:center;}
.BOARD_listSearch li {float:left;}
.BOARD_listSearch .search_bg {width:568px; height:50px; background:url('/images/Commons/img/board_search_bg.gif') no-repeat;}

/* 게시판(상세) */
.BOARD_viewTitle {width:655px; height:36px; background:url('/images/Commons/img/board_view_title.gif') no-repeat; padding:9px 0px 0px 75px; font-size:16px; color:#ffffff; font-weight:bold;}

.BOARD_viewInfo {width:730px;}
.BOARD_viewInfo th {border-bottom:1px solid #e0e0df; padding:10px; background:url('/images/Commons/img/board_viewInfo_line.gif') no-repeat top right;} 
.BOARD_viewInfo td {border-bottom:1px solid #e0e0df; padding:10px;} 
.BOARD_viewInfo .n {font-family:tahoma; font-size:12px; padding-bottom:12px;} 

.BOARD_viewCon {width:690px; padding:20px;}
.BOARD_viewCon .file {height:40px; text-align:right; color:#000000;}

.BOARD_viewBtn {width:730px; padding:20px 0px 10px 0px; text-align:right;}
.BOARD_viewPN {width:730px; border-top:1px solid #d5d5d5; margin-bottom:50px;}
.BOARD_viewPN th {border-bottom:1px solid #d5d5d5; padding:8px 0px 8px 0px;}
.BOARD_viewPN td {border-bottom:1px solid #d5d5d5; padding:8px 0px 8px 0px;}
.BOARD_viewPN .n {font-family:tahoma; font-size:11px;} 

/* 덧글 */
.BOARD_reply {width:730px;}
.BOARD_reply .reply_box {height:70px; padding:15px 25px 0px 25px; background:url('/images/Commons/img/board_reply_bg.gif') no-repeat;}
.BOARD_reply .reply_box li {float:left;}

.BOARD_reply .reply_list {width:730px; background:#ffffff;}
.BOARD_reply .reply_list td {border-bottom:1px solid #e1e1e1; padding:8px 0px 8px 0px;} 
.BOARD_reply .reply_list .t {text-align:left; padding-left:5px;}

/* 게시판(쓰기) */
.BOARD_form {width:730px;}
.BOARD_form th {border-bottom:1px solid #d7d7d7; background:#f8f8f8; text-align:left; padding-left:20px; font-size:12px;}
.BOARD_form td {border-bottom:1px solid #d7d7d7; padding:8px 0px 6px 15px;}
.BOARD_formText {width:705px; height:30px; border-top:1px solid #e3e3e2; padding:12px 0px 0px 5px; font-size:12px; font-weight:bold; letter-spacing:-1px;}