@charset "euc-kr";
@import url("layout.css");
@import url("base.css");

/* layout */
div#header {background:url(/common/images/layout/bg_head_schoolinfor.gif) no-repeat left top;}
div#wrap_schoolinfor {background:url(/common/images/layout/bg_schoolinfor01.gif) repeat-x left 150px;}
div#container {width:974px; background:url(/common/images/layout/bg_schoolinfor02.gif) no-repeat left top; padding:11px 0 0 22px;}
div#contents {overflow:hidden; width:975px; margin:0 0 20px 0; padding:45px 0 0 0; background:url(/common/images/schoolinfor/bg_school02.gif) no-repeat left top;}
div#container h2 {width:225px; height:53px; padding:15px 0 0 25px; background:url(/common/images/schoolinfor/bg_schoolinfor.gif) no-repeat left top;}

/* snb1 */
div#search {background:url(/common/images/schoolinfor/bg_school.gif) no-repeat left bottom;}

div#contents .content_view {overflow:hidden; padding:0 0 40px 0; background:url(/common/images/schoolinfor/bg_school02.gif) no-repeat left bottom;}
div#contents .content_view div.chart {width:100%; margin:25px 0 50px 0; _margin:0;}
div#contents .content_view object.chart {display:inline; margin:0 0 0 38px; _margin:25px 0 50px 38px;}

div#contents div.search_other {position:relative; width:100%;}
div#contents div.search_form {display:inline; float:left; margin:20px 0 30px 70px; vertical-align:middle;}
div#contents fieldset {float:left;}
div#contents div.search_form input.school_serch {margin:0 5px 2px 5px; border:1px solid #bbb; color:#555; vertical-align:middle;}
div#contents p.other {display:inline; float:right; margin:20px 80px 0 0;}
div#contents .select01{margin:0 7px 0 0; color:#666; font-size:12px; vertical-align:middle;}
div#contents .btn {vertical-align:middle;}

div#contents dl.list {display:inline; float:left; width:198px; margin:0 12px 0 0; padding:0 0 30px 0;}
div#contents dl.first { display:inline; margin:0 12px 0 65px;}
div#contents dl.list dt {width:198px; height:18px; margin:0 0 5px 0; padding:3px 0 0 0; text-align:center; background:url(/common/images/schoolinfor/bg_bar.gif) no-repeat left top;}
div#contents dl.list dd.search {width:188px; height:262px; margin:0 0 5px 0; padding:5px; background:url(/common/images/schoolinfor/bg_select.gif) no-repeat left top;}
div#contents dl.list dd.number {overflow:hidden; margin:0 0 0 0; font-size:11px; text-align:right;}
div#contents dl.list dd.number dl {float:right !important; width:auto; margin:0; padding:0;}
div#contents dl.list dd.number dt {float:left; width:auto; padding:0; background:none;}
div#contents dl.list dd.number dd.total {float:left; margin:0 0 0 3px; color:#EC3909; font-weight:bold !important;}
div#contents iframe.list {padding:5px;}

/* snb1_map */
div#mapLayer {display:inline; position:absolute; left:210px; top:50px; width:655px; height:295px; padding:27px 0 0 27px; border-right:2px solid #dae3e2; border-bottom:2px solid #dae3e2; background:url(/common/images/schoolinfor/bg_map.gif) no-repeat left top; z-index:1; visibility:hidden;}
div#mapLayer div.maptitle {overflow:hidden; height:30px; margin:0 27px 0 0; background:url(/common/images/schoolinfor/line01.gif) repeat-x left bottom;}
div#mapLayer div.maptitle h3{float:left; padding:0;}
div.maptitle p.close {float:right;}

/* snb2 */
div.content_view h3.tit {display:inline; float:left; margin:0 20px 0 0; padding:3px 0 0 18px; font-size:15px; font-weight:bold; background:url(/common/images/schoolinfor/bu_arrow.gif) no-repeat left 8px;}

/* snb2_map */
div#mapLayer2 {position:absolute; left:152px; top:50px; width:732px; height:402px; border-left:4px solid #dcdfd0; border-right:4px solid #dcdfd0; border-bottom:4px solid #dcdfd0; background:url(/common/images/schoolinfor/bg_list.gif) no-repeat left top; z-index:4; visibility: hidden;}
div#mapLayer2 div.maptitle {overflow:hidden; height:34px; margin:23px 27px 0 15px !important;}
div#mapLayer2 div.maptitle h3{float:left; padding:0 !important; background:none;}
div#mapLayer2 div.list {padding:0 !important; background:none; margin:0 0 0 10px;}
div#mapLayer2 ol {display:inline; float:left; width:213px; height:148px; margin:0 10px 0 0; padding:12px 0 0 16px; font-size:11px; background:url(/common/images/schoolinfor/bg_infor.gif) no-repeat left top; line-height:15px;}
div#mapLayer2 ol li.none {display:inline; margin:0; padding:0;}
div#mapLayer2 li a {color:#777;}
div#mapLayer2 li a:hover {text-decoration:underline;}
div#mapLayer2 ul {margin:12px 0 0 0;}
div#mapLayer2 div.list {clear:both;}

/* snb3 */
div#contents div.search {overflow:hidden; width:821px; margin:0 80px 0 80px; padding:10px 0 10px 0; background:url(/common/images/schoolinfor/dot_line.gif) repeat-x left bottom;}
div#contents div.none {background:none;}
div#contents div.search span {color:#dd3e14; font-weight:bold;}
div#contents .out {background:none !important; margin-top:0 !important; padding-top:0 !important;}
div#contents div.line {background:none;}

/* snb4 */
div#contents div.box {overflow:hidden; width:883px; margin:0 0 0 43px; border-bottom:1px solid #ccc;}
div#contents h3.name {float:left; padding:0 4px 5px 4px; border-bottom:4px solid #d86120; font-size:16px; font-weight:bold;}

div#contents ul.menu {overflow:hidden; height:36px; margin:0 0 -1px 52px; padding:30px 0 0 0;}
div#contents ul.menu li {float:left; margin:0 6px 0 0;}
div#contents ul.menu li.small {margin:4px 6px 0 0;}

div#contents div.infor {overflow:hidden; width:903px; margin:0 0 0 36px; padding:28px 0 0 0; background:url(/common/images/schoolinfor/bg_in.gif) no-repeat left top;}
div#contents div.view {overflow:hidden; position:relative; width:864px; padding:0 0 0 39px; background:url(/common/images/schoolinfor/bg_in.gif) no-repeat left bottom;}
div#contents div.view iframe {margin:0 0 20px 0;}
div#contents div.view_infor {padding:0 0 78px 39px !important;}

div#contents div.view dl.infor {overflow:hidden; float:left; width:362px; margin:0 0 18px 6px; padding:8px 0 15px 20px; border-left:8px solid #e0e1e3; line-height:24px;}
div#contents div.view dl.second {width:260px !important; margin:0 0 18px 0 !important; padding:8px 0 39px 20px !important;}
div#contents div.view dl.infor dt {float:left; width:70px; margin:0 12px 0 0; font-weight:bold;}
div#contents div.view dl.infor dd {margin:0 0 0 82px;}
div#contents div.view dl.infor dd a {color:#666;}

div#contents div.view ul.click {float:right; padding:0 31px 0 0;}
div#contents div.view ul.click li {width:125px; height:26px; padding:7px 0 0 0; color:#0066cc; text-align:center; background:url(/common/images/schoolinfor/bg_btn.gif) no-repeat left top;}
div#contents div.view ul.click li a {color:#0066cc;}
div#contents div.view ul.click li a:hover {color:#0099ff;}

div#contents div.detail {overflow:hidden; width:771px; margin:0 0 20px 0; padding:20px 0 23px 62px; background-color:#efeff1; clear:both;}
div#contents div.detail h4 {margin:0 0 9px 5px; padding:0 0 0 15px; background:url(/common/images/schoolinfor/bu_round.gif) no-repeat left 50%;}
div#contents div.detail div.area {float:left; margin:0 45px 23px 0;}
div#contents div.detail div.last {float:left; margin:-10px 45px 0 0;}
div#contents div.detail div.second {float:left; margin:-10px 45px 0 0;}
div#contents div.detail div.area01 {width:309px; height:168px; padding:10px; background:url(/common/images/schoolinfor/bg_area01.gif) no-repeat left top;}

div#contents div.detail dl.area {float:left; overflow:hidden; width:294px;}
div#contents div.detail dl.area02 {height:67px; padding:23px 0 0 35px; background:url(/common/images/schoolinfor/bg_area02.gif) no-repeat left top;}
div#contents div.detail dl.area03 {height:120px; padding:15px 0 0 35px; background:url(/common/images/schoolinfor/bg_area03.gif) no-repeat left top;}
div#contents div.detail dl.area dt {float:left; width:120px; margin:0 12px 0 0; text-align:right;}
div#contents div.detail dl.area dd {float:left; width:94px; height:16px; margin:0 0 5px 0; padding:3px 14px 0 0; text-align:right; background:url(/common/images/schoolinfor/bg_num.gif) no-repeat left top;}

h2.none {display:none;}

/* snb5 */
div#contents h3.report {width:808px; margin:19px 0 24px 0; padding:0 0 6px 0; border-bottom:2px solid #b7b7b7; color:#d75f1e; font-size:16px; font-weight:bold;}
div#contents p.print {position:absolute; top:13px; right:125px;}
div#contents ul.move {position:absolute; top:13px; right:59px;}
div#contents ul.move li {float:left; margin:0 0 0 7px; padding:0 0 1px 0;}

div#content {overflow:hidden; margin:0 0 0 -5px;}
div#content div.infor_fisrt {width:768px; margin:0 0 42px 22px; clear:both;}
div#content div.infor_second {float:left; width:358px; margin:0 23px 42px 25px; _margin:0 24px 42px 11px;}
div#content h4 a {color:#555; font-weight:bold;}
div#content h4 {margin:0 0 7px 0; padding:10px 0 0 14px; font-weight:bold;}
div#content h4.first {width:772px; height:20px; background:url(/common/images/schoolinfor/bg_first.gif) no-repeat left top;}
div#content h4.second {width:348px; height:20px; background:url(/common/images/schoolinfor/bg_second.gif) no-repeat left top;}
div#content p {margin:0 3px 11px 0; padding:0 0 1px 0; text-align:right;}
div#content p.print {margin:0 33px 11px 0; padding:0 0 1px 0; text-align:right;}
div#content p.sub_t {float:left !important; padding:0 0 0 10px; background:url(/common/images/schoolinfor/bu_g_circle.gif) no-repeat left 50%; font-weight:bold; text-align:left !important;}

table {width:100%; clear:both; margin:0 10px 0 1px; border-collapse:separate;border-collapse:collapse; border-top:1px solid #b6c1cf; border-right:1px solid #b6c1cf;}
table th, td {padding:5px 0; text-align:center; vertical-align:middle;}
table th {border-left:1px solid #b6c1cf; border-bottom:1px solid #b6c1cf; background-color:#e6ecef;}
table .other {background-color:#f5f5f5;}
table td {border-bottom:1px solid #b6c1cf; border-left:1px solid #b6c1cf;}
.unt {margin:0 0 10px 0;}

/* snb6 */
div#contents div.stnum {float:left; display:inline; width:363px; margin:20px 0 0 51px; border-bottom:2px solid #c1c1c1;}
div#contents div.bg01 {height:139px; background:url(/common/images/schoolinfor/bg_img01.gif) no-repeat 23px top;}
div#contents div.bg02 {height:139px; margin:20px 0 0 0 !important; background:url(/common/images/schoolinfor/bg_img02.gif) no-repeat 23px top;}
div#contents div.bg03 {height:180px; background:url(/common/images/schoolinfor/bg_img03.gif) no-repeat 23px top;}
div#contents div.bg04 {height:180px; margin:20px 0 0 0 !important; background:url(/common/images/schoolinfor/bg_img04.gif) no-repeat 23px top;}
div#contents div.bg05 {height:150px; background:url(/common/images/schoolinfor/bg_img05.gif) no-repeat 23px top;}
div#contents div.bg06 {height:150px; margin:20px 0 0 0 !important; background:url(/common/images/schoolinfor/bg_img06.gif) no-repeat 23px top;}
div#contents div.stnum h3 {margin:0 0 20px 143px;}
div#contents div.stnum ul {margin:0 0 0 147px;}
div#contents div.stnum ul li {line-height:18px;color:#9f9f9f;}
/*div#contents div.stnum ul li.none {color:#9f9f9f;}*/
div#contents div.stnum ul li a {color:#555;}

/* snb7 */
.search h3.jipyo {margin:0 0 11px 0;}
.search div.blue {overflow:hidden; width:800px; border:6px solid #b5c9e9;}
.search table.jipyo {width:800px; margin:0; border:20px solid #fff; position:relative;}
.search table.jipyo th, td.con {border-left:0; border-bottom:1px solid #dbdce1 !important; background-color:#fff; text-align:left;}
.search table.jipyo .none {border:0 !important;}
.search table.jipyo th {padding:0 0 0 20px; font-weight:bold !important;}
.search table.jipyo table.kind {width:760px; margin:0 !important; border:0 !important;}
.search p.sbtn {position:absolute;}

 /* school_list (iframe) */
div.school_list {overflow:hidden; width:100%; clear:both;}
ul.school_list {height:250px;}
ul.school_list a {color:#555; font-size:12px;}

span.none {position:absolute; width:270px; padding:15px; border:3px solid #ccc; color:red; font-size:12px; background-color:#fff;}