@charset "euc-kr";
@import "table.css";
/* -------------------------------------------------------------------------------------------
 . Basic Style Sheet (for version ie7 browsers)
 . Title				: ÇѸ²´ëÇб³ÀÇ·á¿ø Ãáõ¼º½Éº´¿ø
 . Author			: MostVisual by WebDesigner Shin Ae, Park
 . LastUpDate		: 2010/03/24
 . CSS Display	: position, float, clear, overflow, visibility, display, border,
 						padding, margin, width, height, font, text-indent, line-hight, 
						letter-spacing, vertical-align, text-align, color, background    
---------------------------------------------------------------------------------------------- */



/* Common 
------------------------------------------------------- */
body { margin:0; padding:0; font:normal 12px dotum, Arial, verdana, µ¸¿ò; line-height:16px; color:#666;  }
table, ul, li, dl, dd, dt, ol, table, th, tr, td, thead, tbody, h1, h2, h3, h4, div, p, span, html, form, input, button, select, textarea, checkbox,fieldset { padding:0; margin:0; }
ul, dl, ol { list-style:none; }
img, fieldset, table, form  { border:0; }
* html { height: 1px; } 

a { text-decoration:none; }
a:link, a:visited { color:#000; }
a:hover, a:active { text-decoration:underline; color:#44959d; }
.left { float:left; }
.right { float:right; }

/* ÁÖ¿ä ¿µ¿ªÀ» Æ÷°ýÇÏ´Â Á¦¸ñ, µðÀÚÀÎ»ó º¸ÀÌÁö ¾Ê´Â ½ºÅµ¸Þ´º¿Í Áß¿ä Á¦¸ñó¸® */
h1 { clear:both; height:38px; margin-left:-10px; } 
h2 { clear:both; padding-left:12px; margin:0 0 7px 0; height:22px; background: url('../img/common/blt_h2.gif') no-repeat 0 0; font:bold 12px dotum, Arial, verdana, µ¸¿ò; color:#333; } /* 0617 ¼öÁ¤ ÃÖÀºÁ¤ */
h3 { clear:both; padding-left:15px; margin:0 0 10px 13px; height:21px; background: url('../img/common/blt_h3.gif') no-repeat 0 45%; color:#444; font-size:12px; }
h4 { clear:both; padding-left:6px; margin:0 0 10px 25px; border-left:5px solid #3e9092; font:bold 12px dotum, µ¸¿ò; color:#444; }

.skip,
.GNBalternative,
.accessiBility { position:absolute; overflow:hidden; visibility:hidden; width:0; height:0; font:0/0 Dotum; line-height:0%; }

/* Form
-------------------------------------------------------*/
input, select, textarea { font-size:12px; border:1px solid #C3C3C3; border-top-color:#7C7C7C;  border-bottom-color:#ddd; }
fieldset { border:none; display:block; }
form { border:none; margin:0; padding:0; }
legend { position:absolute; overflow:hidden; visibility:hidden; width:0; height:0; font:0/0 Dotum; line-height:0; left:-9000px; } /* ÃÖÀºÁ¤ ¼öÁ¤ 4¿ù 14ÀÏ */
textarea { padding:3px; }
input {	padding:2px 3px 2px; }
input[type="text"],
input[type="password"] { border:1px solid #999999; }
input[type="submit"] { border:none; padding:3px 3px 1px; font-weight:bold; letter-spacing:-0.1em; }
input[type="checkbox"],
input[type="radio"] { border:0; _border:0;}
dt { font-weight:bold; letter-spacing:-0.1em; }


/* Layout 
-------------------------------------------------------*/
#wrap { /*background:url('../img/common/bg.jpg') repeat-x 0 0;*/ } 
.container { position:relative; margin:0px auto; width:980px; height:auto; text-align:left; }
.point { color:#D90036;  /* #F85100-orange   #3366CC-blue*/ }
.point1 { color:#333; }
.p { clear:both; height:30px; }
.clear { clear:both; }
.display_none { display:none; }
.cursor_pointer { cursor:pointer; }


/* Header
-------------------------------------------------------*/
.header { width:980px; height:90px; }

/* Logo 
-------------------------------------------------------*/	
.brand { float:left; width:253px; height:78px; }
.brand img { padding:9px 0 0 18px; }


/* NavigationTool
-------------------------------------------------------*/
.navTool { float:right; margin-top:4px; width:241px; height:20px; }
.navTool .nnb { float:left; }
.navTool .nnb li { float:left; height:20px; font-size:0%; line-height:0%; }
.navTool .nnb li img { vertical-align:bottom; }
.navTool .nnb li a { padding:0 10px; background:url('../img/common/div_nav.gif') no-repeat right 5px; display:block; }
.navTool .nnb li.last a { padding-right:0; display:block;  background:none; }
.navTool .nnb li.last img#imgLanguage {cursor:pointer; }

.navTool .language { z-index:999; position:absolute; top:3px; right:0px; width:140px; height:110px; overflow:hidden; border:4px solid #238284;  background-color:#238284; color:#fff; }
.navTool .language p { padding:4px 0 3px 10px; color:#c4f3f4; }
.navTool .language ul { margin:3px 10px 5px 10px; }
.navTool .language li { height:13px; padding:3px 5px 3px 2px; border-top:1px solid #87cfd0; line-height:130%; font-size:12px; background:none; }
.navTool .language li img { vertical-align:top; }
.navTool .language li a,
.navTool .language li a:link,
.navTool .language li a:visited { color:#fff; }
.navTool .language li a:hover { padding-left:1px; color:#fff; }




/* Global Navigation Bar
-------------------------------------------------------*/
.gnb { float:left; padding:22px 0 0 50px; width:660px; }
.gnb li { float:left; padding:0 20px; border-right:1px solid #ccc; height:18px; font-size:0%; line-height:0%; }
.gnb li.last { border-right:0; }
.gnb li a { vertical-align:top; }

.view { z-index:999; position:absolute; overflow:hidden; top:80px; left:0; border:5px solid #83bebf; padding:10px; width:950px; height:245px; background-color:#fff; }
.view ul { float:left; width:158px; height:245px; background: url('../img/common/gnb_view_bg.gif') repeat-x 0 0; }
.view li { clear:both; padding:0 0 2px 3px; width:148px; height:18px; font-size:0%; line-height:0%;  }
.view li.title { clear:both; padding:0 0 7px 1px; width:38px; height:35px; font-size:0%; line-height:0%;  }

.view ul li iframe
{
 display:none; /*sorry for IE5*/ 
 display/**/:block; /*sorry for IE5*/
 position:absolute; /*must have*/
 top:0; /*must have*/
 left:0; /*must have*/
 z-index:-1; /*must have*/
 filter:mask();
 filter:alpha(opacity=0); /*must have*/
 width:970px; /*must have for any big value*/
 height:265px; /*must have for any big value*/;
}


/* TOP Login
-------------------------------------------------------*/
.topLogin { float:left; width:953px; height:23px; overflow:hidden; margin-bottom:25px; padding:13px 12px 14px 15px; background:url('../img/common/top_bg.gif') no-repeat 0 0; }
.topLogin .info { float:left; width:675px; } 
.topLogin .search { float:left; text-align:right; width:278px; }
.topLogin .search select{ width:100px; }


/* Logout
-------------------------------------------------------*/
.topLogout { float:left; width:953px; height:23px; overflow:hidden; margin-bottom:25px; padding:13px 12px 14px 15px; background: url('../img/common/top_bg.gif') no-repeat 0 0; }
.topLogout ul { padding-top:3px; }
.topLogout .info { float:left; width:675px; }
.topLogout .info li.intro { float:left; height:17px; padding:3px 15px 0 0; }
.topLogout .info li.info_title { padding-left:1px; height:21px; padding:0 15px 0 0; }
.topLogout p { float:left; position:relative; top:-3px; }
.topLogout li { float:left; padding:1px 5px; height:22px; color:#666; }
.topLogout li span { color:#333; font-weight:bold; }
.topLogout .search { float:left; text-align:right; width:278px; }


/* LoginÈÄ Áø·á¿¹¾à ·¹À̾î
-------------------------------------------------------*/
.log_reser { z-index:99; position:absolute; padding:20px 15px 15px 15px; top:127px; left:180px; width:420px; height:310px; border:7px solid #d84d5b; background-color:#fff; }
.log_1,
.log_2 { float:left; height:55px; padding-bottom:8px; display:inline; }
.log_3 { float:left; height:85px; padding-bottom:8px; display:inline; }

.log_reser h4 { margin-left:15px; }
.log_reser ul { float:left; margin:0 0 0 14px; border-top:1px solid #888; width:395px; height:auto; }
.log_reser li { float:left; width:382px; padding-left:13px; background: url('../img/common/li_blt.gif') no-repeat 0 7px; line-height:130%; }

.more1 { position:absolute; top:24px; left:392px; }
.more2 { position:absolute; top:88px; left:392px; }
.more3 { position:absolute; top:152px; left:392px; }
.more4 { position:absolute; top:244px; left:392px; }
.btm { float:right; padding:10px 10px 0 0; }
.btm a,
.btm a span,
.btm a:link,
.btm a:visited,
.btm a:hover { color:#fff; }

.loading { width:100%; height:100%; background: url('../img/ptm550_img_loading.gif') no-repeat center center; }


/* Second Navigation Bar
-------------------------------------------------------*/
.snb { float:left; margin:10px 22px 0 0; width:195px; height:372px; padding-top:48px; background:url('../img/common/snb_bg.gif') no-repeat 0 0; }
.snb span { padding:48px 0 41px 0; margin-left:47px; }
.snb ul { margin:41px 0 0 18px; }
.snb li { height:24px; font-size:0%; line-height:0%; }


/* Quick
-------------------------------------------------------*/
.quick_link { float:left; width:115px; height:auto; padding:25px 0 0 25px; _padding:25px 0 0 13px; }
#divQuick { position:relative; }
.quick01 { background: url('../img/common/quick01_bg.gif') no-repeat 0 0; }
.quick01 p.quick_title { padding:5px 0 0 0; }
.quick01 ul.box { padding:18px 0 0 0; }
.quick01 ul.last { padding:18px 0 13px 0; }
.quick01 li { padding:0 10px; font-size:0%; line-height:0%; }
.quick01 li a { background: url('../img/common/dot.gif') repeat-x 0 bottom; }
span.q01 { padding:0 0 12px 0; height:3px; }
span.q01 img { vertical-align:top; }

.medi_01_list { z-index:999; position:absolute; top:394px; right:0px; width:170px; height:195px; overflow:auto; border:4px solid #6dacad;  background-color:#fff; }
.medi_02_list { z-index:999; position:absolute; top:412px; right:0px; width:170px; height:195px; overflow:auto; border:4px solid #6dacad;  background-color:#fff; }

.medi_01_list ul,
.medi_02_list ul { margin:4px 10px 9px 8px; }
.medi_01_list li,
.medi_02_list li { height:13px; padding:3px 5px 3px 2px; background:url('../img/common/dot.gif') repeat-x 0 bottom; font-size:12px; color:#222; line-height:140%;overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;width:130px; }
.medi_01_list li a,
.medi_02_list li a { background:none; }
.medi_01_list li a,
.medi_01_list li a:link,
.medi_01_list li a:visited,
.medi_02_list li a,
.medi_02_list li a:link,
.medi_02_list li a:visited { color:#333; }
.medi_01_list li a:hover,
.medi_02_list li a:hover { padding-left:1px; color:#44959d; }



.quick02 {  }
.quick02 ul { padding:3px 0; background: url('../img/common/quick_bg.gif') repeat-y 0 0; }
.quick02 span,
.quick02 img { vertical-align:top; display:block; }
.quick02 li { padding:2px 0 2px 10px; width:110px; height:15px; background:url('../img/common/dot.gif') no-repeat 10px 18px; line-height:140%; }
.quick02 li.line2 { padding:4px 0 2px 10px; width:105px; height:20px; line-height:110%; }
.quick02 li.backnone { background:none; }
.quick02 .spacing { letter-spacing:-1px; }

.quick_link .top { height:15px; padding:10px 0 10px 0; width:115px; }
.quick_link .top img { display:block; }


/* Main Quick 
-------------------------------------------------------*/
.quick .medi_01_list { z-index:999; position:absolute; top:394px; right:0px; width:200px; height:195px; overflow:auto; border:4px solid #6dacad;  background-color:#fff; }
.quick .medi_02_list { z-index:999; position:absolute; top:412px; right:0px; width:200px; height:195px; overflow:auto; border:4px solid #6dacad;  background-color:#fff; }

.quick .medi_01_list ul,
.quick .medi_02_list ul { margin:4px 10px 9px 8px; }
.quick .medi_01_list li,
.quick .medi_02_list li { height:13px; padding:3px 5px 3px 2px; background:url('../img/common/dot.gif') repeat-x 0 bottom; font-size:12px; color:#222; line-height:140%; }
.quick .medi_01_list li a,
.quick .medi_02_list li a { background:none; }
.quick .medi_01_list li a,
.quick .medi_01_list li a:link,
.quick .medi_01_list li a:visited,
.quick .medi_02_list li a,
.quick .medi_02_list li a:link,
.quick .medi_02_list li a:visited { color:#333; }
.quick .medi_01_list li a:hover,
.quick .medi_02_list li a:hover { padding-left:1px; color:#b67f2e; }


/* Contents
-------------------------------------------------------*/	
#contents { float:left; overflow:hidden; margin-top:20px; padding:0 13px 20px 10px; width:600px; line-height:150%; }

#contents .depth3 { float:right; margin-bottom:25px; width:590px; height:34px; border:5px solid #e8e8e8; }
#contents .depth3 ul { float:right; padding:5px 6px; }
#contents .depth3 ul li { float:left; }

#contents .depth4 { margin:0 0 25px 12px; padding:10px 20px; width:538px; height:21px; text-align:center; background:url('../img/common/depth4_bg.gif') no-repeat 0 0; }
#contents .depth4 ul { float:right; }
#contents .depth4 ul li { float:left; }

#contents p.h1p { margin:0 0 20px 0px; }
#contents p.h2p { margin:0 0 20px 11px; }
#contents p.h3p { margin:0 0 20px 28px; }
#contents p.h4p { margin:0 0 20px 31px; }
#contents p span { margin-left:22px; }
#contents ul.h4 { margin:0 0 25px 35px; }
#contents .h4 li { padding-left:13px; background:url('../img/common/li_blt.gif') no-repeat 0 7px; }

.preli_form_line1	 { clear:both; margin-top:2px; padding-left:10px; border-bottom:2px solid #ccc; }

/* Main Contents
-------------------------------------------------------*/
.quick { position:absolute; top:112px; left:990px; width:75px; height:278px; }
.quick li { vertical-align:top; font-size:0%; line-height:0%; }

.main_contents { float:left; padding:0; width:980px; }

.main_contents .top_btn { float:left; border:1px solid #bbb; height:158px; margin-bottom:15px; }
.main_contents .top_btn li { float:left; border-right:1px solid #bbb; height:158px;  font-size:0%; line-height:0%; }
.main_contents .top_btn li.last { float:left; border-right:0; }

.main_contents .script_banner { clear:both; width:480px; height:175px; margin-right:20px; vertical-align:top; }
.main_contents .script_banner .title { float:left; display:block; width:100px; height:25px; }
.main_contents .script_banner .number { float:right; padding-right:40px; }
.main_contents .script_banner .number li { float:left; height:15px; padding-left:5px; vertical-align:top; font-size:0%; line-height:0%; }
.main_contents .script_banner .ban { clear:both; position:absolute; left:0px; top:365px; overflow:hidden; display:block; width:398px; height:133px; margin-left:40px; border:1px solid #ccc; font-size:0%; line-height:0%; }
.main_contents .script_banner .arrow_left { position:absolute; top:420px; left:9px; }
.main_contents .script_banner .arrow_right { position:absolute; top:420px; left:450px; }

.main_contents .center { position:absolute; left:500px; top:340px; overflow:hidden; padding:5px; width:470px; height:150px;  background:url('../img/main_center_bg.gif') no-repeat 0 0;}
.main_contents .center div { position:absolute; }
.main_contents .center img { vertical-align:top; }
.main_contents .center_arrow { z-index:9; position:absolute; top:360px; left:920px; width:36px; }
.main_contents .center_arrow li { float:left; padding-right:3px; }
.main_contents .center_arrow li img a { display:block; vertical-align:top; }

.main_contents .board { clear:both; width:980px; height:160px; margin-bottom:15px; }
.main_contents .board .board_01,
.main_contents .board .board_02, 
.main_contents .board .board_03 { float:left; margin-right:20px; border:1px solid #ccc; }
.main_contents .board .board_04 { float:left; border:1px solid #ccc; }
.board_01 .more { position:absolute; top:526px; left:169px; }
.board_02 .more { position:absolute; top:526px; left:419px; }
.board_03 .more { position:absolute; top:526px; left:669px; }
.board_04 .more { position:absolute; top:526px; left:919px; }
.board .list { clear:both;  float:left; width:212px; height:auto; padding:7px 0 7px 12px; }
.board .list li { clear:both; width:210px; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; height:16px; padding:0 0 2px 0; vertical-align:top; line-height:130%; }

.main_contents .link { float:left; width:950px; height:187px; border:5px solid #ccc; padding:10px; }
.main_contents .link .title { float:left; display:block; }
.main_contents .link ul { float:left; width:180px; padding:0 30px; }
.main_contents .link ul.wide { float:left; width:410px; }
.main_contents .link ul.last { float:left; padding:0 0 0 30px; }
.main_contents .link li { height:22px; vertical-align:top; padding:0; border-bottom:1px solid #ccc; font-size:0%; line-height:0%; }
.main_contents .link li img { vertical-align:top; }
.main_contents .link li img a { display:block; padding:0; vertical-align:top; }


/* CurrentPage
-------------------------------------------------------*/
#contents .currentUrl { float:left; width:600px; height:13px; padding-bottom:5px; text-align:right; }
#contents .currentUrl a { padding:0 3px; }


/* Footer
-------------------------------------------------------*/
.footer { position:relative; margin:0px auto; clear:both; padding-top:10px; width:980px; height:110px; border-top:1px solid #d7d7d7; }
.footer .fnb { float:left; width:476px; height:12px; padding:10px 0 0 245px; }
.footer .fnb li { float:left; height:12px; padding:0 6px 0 0; font-size:0%; line-height:0%; }
.footer .fnb li.last { padding:0; }

.footer .familysite { float:left; padding-left:157px; }
.footer .familysite img{ cursor:pointer; }
.footer .familysite_view { z-index:999; position:absolute; bottom:110px; right:0px; width:180px; height:220px; overflow:auto; border:4px solid #238284;  background-color:#238284; color:#fff; }
.footer .familysite_view p { padding:7px 0 3px 10px; color:#c4f3f4; }
.footer .familysite_view ul { margin:3px 10px 5px 10px; }
.footer .familysite_view li { height:13px; padding:3px 5px 3px 2px; border-top:1px solid #87cfd0; }
.footer .familysite_view li a,
.footer .familysite_view li a:link,
.footer .familysite_view li a:visited { color:#fff; }
.footer .familysite_view li a:hover { padding-left:1px; color:#fff; }
.footer .hi { clear:both; float:left; display:block; }
.footer .copyright { float:left; width:422px; padding:20px 15px 0 45px; }
.footer .copyright p { height:15px; }
.footer .copyright img { vertical-align:top; }
.footer .copyright a { padding:0 0 0 6px; }

.footer .banner { float:left; width:336px; height:33px; padding:20px 0 0 13px; }
.footer .banner li { float:left; padding-right:2px; font-size:0%; line-height:0%; }



/* Popup Common
-------------------------------------------------------*/
.popup_common		{ margin:0; padding:0; height:auto; background:url("../img/common/rbox_tl.gif") 0 0 no-repeat; }
.pu_t							{ margin:0 0 0 20px; padding:0; height:50px; background:url("../img/common/rbox_tr.gif") right 0 no-repeat; }

.pu_title						{ float:left; padding:13px 0 0 25px; width:250px;}
.pu_title	 h1				{ font:bold 12px dotum, Arial, verdana, µ¸¿ò; color:#000; }

.pu_close					{ float:right; padding:9px 10px 0 0; width:20px; }
.pu_close1 { position:absolute; right:12px; top:9px; }

.pu_con					{ margin:0 0 0 0; padding-left:100px; background:url("../img/common/rbox_bg.gif") 0 0 no-repeat; }

.pu_bl						{ margin:0; padding:0; background:url('../img/common/rbox_bl.gif') left bottom no-repeat; }
.pu_br						{ margin:0 0 0 20px; padding:0 20px 20px 0; background:url('../img/common/rbox_br.gif') right bottom no-repeat; }
.pu_point					{ color:#ff6600; }

fieldset.idsr  label		{ position:absolute; overflow:hidden; visibility:hidden; width:0; height:0; font:0/0 Dotum; line-height:0; left:-9000px; }
.pu_desc					{ margin-bottom:10px; padding:10px 0 5px 0; border-bottom:1px solid #ccc; }
.pu_clear					{ clear:both; }
.pu_btn						{ text-align:center; }


/*°Ç°­»ó´ã »ó¿ë¹®±¸. ptm715. Å׵θ®¾øÀÌ Å¸ÀÌƲ¸¸ »ç¿ëÇÏ´Â °æ¿ì Æ˾÷ : 2009.10.28 Ãß°¡*/
.popup_common1		{ margin:0; padding:0; height:auto; background:url("../img/common/rbox_tl1.gif") 0 0 no-repeat; }
.popup_common1 .pu_title1		{ float:left; padding:13px 0 0 25px; width:auto;}
.popup_common1 .pu_title1 h1	{ font:bold 12px dotum, Arial, verdana, µ¸¿ò; color:#000; line-height:120%; }
.popup_common1 .pu_t1		{ margin:0 0 0 20px; padding:0; height:50px; background:url("../img/common/rbox_tr1.gif") right 0 no-repeat; }
.popup_common1 .pu_bl1		{ margin:0; padding:0; }
.popup_common1 .pu_br1		{ margin:0 0 0 20px; padding:0 20px 20px 0; }


/* °øÀÎÀÎÁõ¼­ ÅøÆÁ */
.gong { position:absolute; top:123px; left:320px; width:230px; height:85px; padding:25px 10px 25px; background:url('../img/shadow3.gif') no-repeat 0 0; }
.gong li { padding:0 0 10px 10px; margin:0 15px; background:url('../img/common/li_blt.gif') 0 5px no-repeat; height:auto; color:#333333; line-height:120%; }


/* ¾ÆÀ̵ðÁߺ¹È®ÀÎ */
.id_overlap				{ width:400px; }
.pu_id_overlap			{ margin:0 0 0 0; padding:0 0 10px 100px; background:url("../img/common/rbox_bg.gif") 0 0 no-repeat; }


/* ÁÖ¼Ò°Ë»ö */
.add				{ width:380px; }
.add_con		{ margin:0 0 0 0; padding:0 0 10px 0; }
.add_list_ttl	{ margin:5px 0; padding-left:15px; background:url("../img/common/blt08.gif") 0 1px no-repeat; }
.add_list		{ margin-bottom:10px; padding:10px; width:318px; height:95px; border:1px solid #ccc; overflow:auto; }
.add_list li		{ padding:5px 0 5px 5px; border-bottom:1px solid #eee; }


/* Áø·á¿¹¾à ÇÁ¸°Æ® Æ˾÷ */

.pnt_popup_form	 { clear:both; width:356px; background-color:#fff; padding:0 0 0 10px; overflow:hidden;  }

.pnt_popup_form dt.first { float:left; border-bottom:1px solid #e0dfdf; border-top:1px solid #e0dfdf; padding: 8px 0 5px 8px; width:135px; height:17px; background-color:#f4f4f4; }
.pnt_popup_form dd.first { float:left; border-bottom:1px solid #e0dfdf; border-top:1px solid #e0dfdf; padding: 5px 0 8px 8px; width:205px; height:17px; }
.pnt_popup_form dt	 { float:left; border-bottom:1px solid #e0dfdf; padding: 8px 0 5px 8px; width:135px; height:17px; background-color:#f4f4f4; }
.pnt_popup_form dd { float:left; border-bottom:1px solid #e0dfdf; padding: 8px 0 5px 8px; width:205px; height:17px; }
.pnt_popup_form dt.desc	 { clear:both;  float:left; border-bottom:1px solid #e0dfdf; padding: 8px 0 5px 8px; width:135px; height:79px; background-color:#f4f4f4; }
.pnt_popup_form dd.desc { float:left; border-bottom:1px solid #e0dfdf; padding: 8px 0 5px 8px; width:205px; height:79px; }