@charset "utf-8";

/*--------------------------------------------------------------
	default
--------------------------------------------------------------*/

html, body{width:100%; height:100%; margin:0; padding:0; font:12px 돋움 dotum 'sans-serif';}

div, a, table, thead, tbody, tr, th, td, form, fieldset, input, select, img, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, iframe, form, fieldset, legend, label, address{margin:0; padding:0;}

img,  fieldset {border:0;}

a{color:#333; text-decoration:none;}
a:hover{color:#333;}

ol, li, ul{list-style:none;}

table { border-collapse: collapse; }

.accessibility{display:none; visibility:hidden; width:0; height:0; font-size:0;}

/*--------------------------------------------------------------
   레이아웃
--------------------------------------------------------------*/

#wrap{position:relative; width:930px; min-height:100%; _height:100%; margin:0 auto;}

#header{height:180px;}
#header h1{float:left; width:492px; height:54px; padding:12px 0 0 25px;}
#header .posi_select {float:left; height:33px; padding:10px 0 0 0;}
#header .posi_select  li{float:left; padding:0 13px 0 0; line-height:18px;}
#header .posi_select  li select{font-size:11px;}
#header .posi_select  li.rss a{color:#ff7f00; font-weight:bold;}
#header #mainMenu{float:left; padding:0 0 0 30px;}
#header #mainMenu li{float:left;}

#header #additionMenu{clear:both; height:75px; background:url('/site/service/image/bg_additionMenu.jpg') no-repeat left top;}
#header #additionMenu h2{float:left; padding:13px 0 0 30px; width:180px;}
#header #additionMenu ul{float:left; padding:15px 0 0 0;}
#header #additionMenu ul li{float:left; padding:0 22px 0 0;}

#con{padding:0 15px 0 70px;}
#protectCon{padding:0 20px 0 20px;}
#emailCon{padding:50px 0 100px 0; text-align:center;}
#siteMapCon{height:700px; padding:0 0 0 120px;}
#myinfocon{padding:0 20px 0 20px;}
/*------------------------------------------------------------------------------------------------
  site_info
--------------------------------------------------------------------------------------------------*/

#siteInfo{clear:both; width:770px; height:55px; padding:20px 0 10px 160px; border-top:1px solid #ffb368; background:url('/site/service/image/bg_bottom_logo.jpg') no-repeat left 20px;}
#siteInfo ul.footermenu{float:left; height:20px; font-size:11px; color:#757575;}
#siteInfo ul.footermenu li{float:left; padding:0 5px; background:url('/site/service/image/bg_bar.jpg') no-repeat right top;}
#siteInfo ul.footermenu li.last{background:none;}
#siteInfo #go_site{float:right; width:150px;}
#siteInfo #go_site ul li{height:20px;}
#siteInfo #go_site select{font-size:11px; width:140px;}
#siteInfo address{float:left; font-style:normal; width:630px; height:15px; color:#3f3f3f;}
#siteInfo p{float:left; width:550px; color:#3f3f3f; padding:5px 0 0 0;}


/*--------------------------------------------------------------
   컨텐츠
--------------------------------------------------------------*/

.myInfo{float:left; position:relative; width:459px; height:280px; background:url('/site/service/image/bg_myInfo.jpg') no-repeat left 30px;}
.myInfo h2{padding:0 0 0 10px; height:70px;}
.myInfo .btn{position:absolute; right:22px; top:37px;}
.myInfo .btn li{display:inline;}
.myInfo  dl{padding:0 0 0 30px;}
.myInfo  dl dt{float:left; height:25px; width:70px; text-align:justify;}
.myInfo  dl dd{height:25px;}

.infoList{float:right; width:346px; height:440px; padding:26px 15px 0 20px; background:url('/site/service/image/bg_infoList.jpg') no-repeat left 8px;}
.infoList .eduList{height:205px;}
.infoList .eduList h2{height:34px;}
.infoList .eduList table.edu_list{width:311px;}
.infoList .eduList table.edu_list thead tr th{height:22px;}
.infoList .eduList table.edu_list tbody tr td{height:22px;}
.infoList .eduList table.edu_list tbody tr td.no{width:50px; text-align:center;}
.infoList .eduList table.edu_list tbody tr td.title{width:180px;}
.infoList .eduList table.edu_list tbody tr td.date{text-align:center; vertical-align:middle;}

.infoList .scrapList h2{height:34px;}
.infoList .scrapList table.scrap_list{width:311px;}
.infoList .scrapList table.scrap_list thead tr th{height:22px;}
.infoList .scrapList table.scrap_list tbody tr td{height:22px;}
.infoList .scrapList table.scrap_list tbody tr td.title{width:180px;}
.infoList .scrapList table.scrap_list tbody tr td.year{width:70px; text-align:center;}
.infoList .scrapList table.scrap_list tbody tr td.status{width:60px; text-align:center;}

.myList{float:left; height:280px; background:url('/site/service/image/bg_myList.jpg') no-repeat left 30px;}
.myList h2{padding:0 0 0 10px;height:33px; }
.myList table{width:448px;}
.myList table thead tr th{padding:8px 0 12px 5px ;}
.myList table tbody tr td{padding:5px 0 4px 0;}
.myList table tbody tr td.no{width:40px; text-align:center;}
.myList table tbody tr td.date{width:80px; text-align:center;}
.myList table tbody tr td.treat{width:60px; text-align:center;}

h2.protect{height:30px; width:100%; background:url('/site/service/image/bg_contents.jpg') repeat-x left bottom;}

.protect01{padding:10px 0 10px 0;}
.protect01 p{padding:0 0 10px 0;}
.protect01 p strong{font-weight:normal; color:#F00;}
.protect01 h3{height:25px;}
.protect01 ul li{padding:0 0 5px 10px; background:url('/site/service/image/bullet_gray.jpg') no-repeat left 3px;}
.protect01 ul li ul li{padding:0 0 5px 10px; background:url('/site/service/image/bullet_orange.jpg') no-repeat left 3px;}

#siteMapCon h2{height:63px;}
#siteMapCon h3{padding:7px 0 0 26px; height:24px; font-weight:bold; font-size:12px; background:url('/site/service/image/bg_sitemap_title.jpg') no-repeat 3px top;}
.sitemap01{float:left; width:230px;}
.sitemap01 ul{width:150px; padding:10px 12px; background:#f3f2f2; margin:0 0 5px 13px;}
.sitemap01 ul li{padding:3px 0 3px 10px; background:url('/site/service/image/bullet_arrow_black.jpg') no-repeat left 6px;}
.sitemap01 ul li ul{background:none; padding:5px 0;}
.sitemap01 ul li ul li{background:none; padding:2px 0 2px 0; height:15px;}


.sitemap02{float:left; width:230px;}
.sitemap02 ul{padding:0 0 0 5px;}
.sitemap02 ul li{height:20px; padding:9px 0 0 22px; width:170px; background:url('/site/service/image/bg_sitemap_title02.jpg') no-repeat left top;}

.sitemap03{float:left;}
.sitemap03 h2{height:95px;}
.sitemap03 ul{padding:0 0 30px 20px;}
.sitemap03 ul li{height:25px;}