@charset "utf-8";
@import "mobile_j.css";

/* reset / common */
* {margin:0; padding:0; font-family:"Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif; -webkit-text-size-adjust:none;}
html {width:100%; height:100%; background:#fff; word-wrap:break-word;}
body {width:100%; height:100%; background:#fff; font-size:84.5% ; line-height:17px; font-weight:normal; background-color:#fff; word-wrap:break-word;}
html {width:100%;}
hr {display:none;}
img, iframe {padding:0; border:none; vertical-align:middle;}
table {border-spacing:0; border-collapse:collapse;}
fieldset {border:solid 0 transparent;}
ul,ol,li {margin:0; padding:0; border:none;}
div {display:block;}
div,h1,h2,h3,p {margin:0; padding:0;}
dl,dt,dd {list-style-type:none; list-style-image:none; margin:0; padding:0; font-family:"Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif;}
input {color:#000; vertical-align:middle; font-weight:nomal; font-size:87.5%;}
textarea {vertical-align:middle;}
input[type='text'] {-webkit-appearance:none; -webkit-border-radius:0;}
button {cursor:pointer; _cursor:hand;}
caption {font-style:normal; font-weight:normal;}
.strong {font-weight:bold;}
.red{color:#f20; font-weight:bold;}
.middle {vertical-align:middle;}
.mrgin {margin-left:3%;}
.mrginr {margin-right:2%;}
.mrgint {margin-top:3%;}
.mrginb {margin-bottom:2%;}
.bgGray {background-color:#f0f0f0;}
.white{background-color:#fff;}
.fr {float:right !important;}
.fl {float:left;}
.non {border-borrom:none; !important}
.link {display:block;}
.whiteSP {white-space:nowrap;}
.textin {text-indent:-100em; overflow:hidden;}
address {font-style:nomal; font-weight:nomal;}
a {color:#333; overflow:hidden; cursor:pointer; text-overflow:ellipsis; text-decoration:none; -o-text-overflow:ellipsis;}
a:link {/* display:block; */ text-decoration:none;}
a:hover {color:#366; text-decoration:none;}
a:active {color:#366; text-decoration:none;}
a:focus {color:#366; text-decoration:none;}

/* Gate icon */
#wrap{position:relative; width:100%; min-width:320px; overflow:hidden;}
#body {min-height:100%; background:url(../images/common/index_coming.jpg) #092153 no-repeat center top; border:1px solid;}
div #main_contents {margin:0 auto; overflow:hidden; text-align:center;}
div #main_contents dl {width:100%; margin-left:1.5%; margin-top:10px;}
div #main_contents dd {float:left; width:33%; margin-top:150px; text-align:center;}
div #main_contents dd span {display:block; width:100%; padding-top:100px; color:#fff; font-size:60%; text-align:center;}
div #main_contents dd.introS a {display:block; width:100%; background:url(../images/icon/icon_seoul.png) center 0 no-repeat;}
div #main_contents dd.introA a {display:block; width:100%; background:url(../images/icon/icon_anseong.png) center 0 no-repeat;}
div #main_contents dd.introL a {display:block; width:100%; background:url(../images/icon/icon_law.png) center 0 no-repeat;}
#main_contents .introF {width:100%; margin:250px 5% 30% 2%; padding-top:120px; color:#fff;}

/* header_wrap */
#header_wrap {position:relative; *display:block;}
#header_wrap .logo {width:100%; height:43px; background:url(../images/common/headerBg.gif) repeat-x top left;}
#header_wrap ul {width:100%; height:43px; background:url(../images/common/headerLg.png) no-repeat; overflow:hidden;}
#header_wrap ul.anseong {width:100%; height:43px; background:url(../images/common/headerBganseong.png) no-repeat; overflow:hidden;}
#header_wrap ul.law {width:100%; height:43px; background:url(../images/common/headerBglaw.png) no-repeat; overflow:hidden;}
#header_wrap ul li {float:left; list-style:none;}
#header_wrap ul li.index a {display:block; width:80px; height:43px;}
#header_wrap ul.log {padding:0.5em 0 0 2px;}
#header_wrap ul.dvlg {display:block; width:100%;}
#header_wrap ul.dvlg h2 {width:65%; display:block; position:absolute; right:3%; top:9%; color:#fff; font-size:90%; line-height:14px; font-weight:bold; text-align:right;}
#header_wrap ul.dvlg h2 span {padding:0px;}
#header_wrap ul.dvlg p {font-size:0.95em; font-weight:normal;}

/* 상단검색 */
#header_wrap .searchbox {position:relative; top:-3px; width:100%; height:38px; min-width:320px; background-color:#5dadcf;color:#175395;}
#header_wrap .searchbox h1 .s_icon {display:block; position:relative; top:0x; width:27px; height:34px; text-indent:-1000em;}
#header_wrap .searchbox h1 .s_icon span {position:absolute; top:6px; left:5px; width:27px; height:36px; sursor:pointer; background:url(../images/icon/search_icon.png) no-repeat left bottom;}
#header_wrap .searchbox h1 form {position:relative; top:-28px; margin:0px 0px 0px 38px; padding-right:60px;}
#header_wrap .searchbox h1 input.typeText {width:100%; height:20px; padding:2px 2px 2px 5px; border:1px solid #ccc; font-size:80%;}
#header_wrap .searchbox h1 A.search {position:absolute; top:-1px; right:-13px; width:37px; height:10px; padding:20px 10px 3px 10px; text-indent:-1000em; background:url(../images/btn/search_btn.gif) no-repeat;}

/* content_wrap */
#content_wrap {display:block; position:relative; width:100%; clear:both;}

/* 메인페이지 공지사항 */
#content_wrap .noticeArea {position:relative; width:100%; height:25px; padding-top:5px; border-bottom:1px solid #dddddf; /*background:url(../images/common/noticeBg.gif) repeat-x 0 0;*/}
#content_wrap .noticeArea .date {display:block; position:absolute; top:0px; right:20px; padding-top:5px;}
#content_wrap .noticeArea .new {margin-left:7px; color:#F00; font-variant:normal;}
#content_wrap ul.noticeBox {list-style:none; float:left; width:100%; height:30px; margin-left:5px;}
#content_wrap ul.noticeBox ul a {display:block;}
#content_wrap ul.noticeBox img {padding-right:5px;}
#content_wrap ul.noticeBox .date {float:right; top:0; right:25px;}
ul.noticeBox .more span {background:url(../images/common/moreArrow.png) no-repeat;}
ul.noticeBox li {list-style:none; float:left; padding-top:0px; vertical-align:middle; letter-spacing:-1px;}
ul.noticeBox li span{margin-left:5px; padding-right:10px; background:url(../images/common/sub_navHLine.gif) no-repeat;}
ul.noticeBox #n_bg{background:url(../images/main/notice_sicon.gif) no-repeat top left; margin-left:1px; padding-left:26px; padding-bottom:2px;}
ul.noticeBox li.more {display:block; position:absolute; top:10px; right:10px; width:6px; height:7px; background:url(../images/common/moreArrow.png) no-repeat; text-indent:-100em; overflow:hidden;}
/* 공지사항 '...' 추가 */
ul.noticeBox li nobr {display:block; overflow:hidden; width:95%; height:27px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
@-moz-document url-prefix() {ul.noticeBox li nobr {white-space:normal; word-wrap:break-word;}}

/* 메인페이지 아이콘 */
#content_wrap #iconArea {width:100%; height:100%; border-top:1px solid #fff; background:url(../images/common/gradiBg.gif) repeat-x left top;}
#content_wrap #iconArea dl {width:99.5%; min-width:320px; padding:0 3%; margin-top:10px; margin-bottom:-30px;}
#content_wrap #iconArea dl:after {content:"."; clear:both; display:block; height:0; visibility:hidden;}
#content_wrap #iconArea dd {float:left; width:63px; height:120px; margin:0 8px; text-align:center;}
#content_wrap #iconArea dd a {display:block; position:relative; top:0; left:0; width:100%; font-size:0.93em;}
#content_wrap #iconArea span {display:block; width:100%; padding-top:60px;}

#content_wrap #iconArea dd.ic1 a {background:url(../images/main/rerere_icon01.png) center 0 no-repeat;}
#content_wrap #iconArea dd.icA1 a {background:url(../images/main/rerereA_icon01.png) center 0 no-repeat;}
#content_wrap #iconArea dd.icl1 a {background:url(../images/main/rererel_icon01.png) center 0 no-repeat;}
#content_wrap #iconArea dd.ic2 a {background:url(../images/main/rerere_icon02.png) center 0 no-repeat;}
#content_wrap #iconArea dd.ic3 a {background:url(../images/main/rerere_icon03.png) center 0 no-repeat;}
#content_wrap #iconArea dd.ic4 a {background:url(../images/main/rerere_icon04.png) center 0 no-repeat;}
#content_wrap #iconArea dd.ic5 a {background:url(../images/main/rerere_icon05.png) center 0 no-repeat;}
#content_wrap #iconArea dd.ic6 a {background:url(../images/main/rerere_icon06.png) center 0 no-repeat;}
#content_wrap #iconArea dd.ic7 a {background:url(../images/main/rerere_icon07.png) center 0 no-repeat;}
#content_wrap #iconArea dd.ic8 a {background:url(../images/main/rerere_icon08.png) center 0 no-repeat;}
#content_wrap #iconArea dd.ic9 a {background:url(../images/main/rerere_icon09.png) center 0 no-repeat;}
#content_wrap #iconArea dd.ic10 a {background:url(../images/main/rerere_icon10.png) center 0 no-repeat;}
#content_wrap #iconArea dd.ic11 a {background:url(../images/main/rerere_icon11.png) center 0 no-repeat;}

/*두번째 icon test
#content_wrap #iconArea dd.reic1 a {background:url(../images/main/rere_icon01.png) center 0 no-repeat;}
#content_wrap #iconArea dd.reic2 a {background:url(../images/main/rere_icon02.png) center 0 no-repeat;}
#content_wrap #iconArea dd.reic3 a {background:url(../images/main/rerere_icon03.png) center 0 no-repeat;}
#content_wrap #iconArea dd.reic4 a {background:url(../images/main/rerere_icon04.png) center 0 no-repeat;}
#content_wrap #iconArea dd.reic5 a {background:url(../images/main/rere_icon05.png) center 0 no-repeat;}
#content_wrap #iconArea dd.reic6 a {background:url(../images/main/rere_icon06.png) center 0 no-repeat;}
#content_wrap #iconArea dd.reic7 a {background:url(../images/main/rere_icon07.png) center 0 no-repeat;}
#content_wrap #iconArea dd.reic8 a {background:url(../images/main/rere_icon08.png) center 0 no-repeat;}
#content_wrap #iconArea dd.reic9 a {background:url(../images/main/rere_icon09.png) center 0 no-repeat;}
#content_wrap #iconArea dd.reic10 a {background:url(../images/main/rere_icon10.png) center 0 no-repeat;}
#content_wrap #iconArea dd.reic11 a {background:url(../images/main/rere_icon11.png) center 0 no-repeat;}*/

/* 세종대용 아이콘 추가 */
#content_wrap #iconArea dd.ic60 a {background: url(../images//main/icon60.png) no-repeat center 0;}
#content_wrap #iconArea dd.ic61 a {background: url(../images//main/icon61.png) no-repeat center 0;}
#content_wrap #iconArea dd.ic62 a {background: url(../images//main/icon62.png) no-repeat center 0;}
#content_wrap #iconArea dd.ic63 a {background: url(../images//main/icon63.png) no-repeat center 0;}
#content_wrap #iconArea dd.ic64 a {background: url(../images//main/icon64.png) no-repeat center 0;}
#content_wrap #iconArea dd.ic65 a {background: url(../images//main/icon65.png) no-repeat center 0;}
#content_wrap #iconArea dd.ic66 a {background: url(../images//main/icon66.png) no-repeat center 0;}
#content_wrap #iconArea dd.ic67 a {background: url(../images//main/icon67.png) no-repeat center 0;}
#content_wrap #iconArea dd.ic68 a {background: url(../images//main/icon68.png) no-repeat center 0;}
#content_wrap #iconArea dd.ic69 a {background: url(../images//main/icon69.png) no-repeat center 0;}

#content_wrap #iconArea dd.ic70 a {background: url(../images//main/icon70.png) no-repeat center 0;}
#content_wrap #iconArea dd.ic71 a {background: url(../images//main/icon71.png) no-repeat center 0;}
#content_wrap #iconArea dd.ic72 a {background: url(../images//main/icon72.png) no-repeat center 0;}
#content_wrap #iconArea dd.ic73 a {background: url(../images//main/icon73.png) no-repeat center 0;}
#content_wrap #iconArea dd.ic74 a {background: url(../images//main/icon74.png) no-repeat center 0;}
#content_wrap #iconArea dd.ic75 a {background: url(../images//main/icon75.png) no-repeat center 0;}
#content_wrap #iconArea dd.ic76 a {background: url(../images//main/icon76.png) no-repeat center 0;}
#content_wrap #iconArea dd.ic77 a {background: url(../images//main/icon77.png) no-repeat center 0;}
#content_wrap #iconArea dd.ic78 a {background: url(../images//main/icon78.png) no-repeat center 0;}
#content_wrap #iconArea dd.ic79 a {background: url(../images//main/icon79.png) no-repeat center 0;}

#content_wrap #iconArea dd.ic80 a {background: url(../images//main/icon80.png) no-repeat center 0;}
#content_wrap #iconArea dd.ic81 a {background: url(../images//main/icon81.png) no-repeat center 0;}
#content_wrap #iconArea dd.ic82 a {background: url(../images//main/icon82.png) no-repeat center 0;}
#content_wrap #iconArea dd.ic83 a {background: url(../images//main/icon83.png) no-repeat center 0;}
#content_wrap #iconArea dd.ic84 a {background: url(../images//main/icon84.png) no-repeat center 0;}
#content_wrap #iconArea dd.ic85 a {background: url(../images//main/icon85.png) no-repeat center 0;}
#content_wrap #iconArea dd.ic86 a {background: url(../images//main/icon86.png) no-repeat center 0;}
#content_wrap #iconArea dd.ic87 a {background: url(../images//main/icon87.png) no-repeat center 0;}
#content_wrap #iconArea dd.ic88 a {background: url(../images//main/icon88.png) no-repeat center 0;}
#content_wrap #iconArea dd.ic89 a {background: url(../images//main/icon89.png) no-repeat center 0;}

#content_wrap #iconArea dd.ic90 a {background: url(../images//main/icon90.png) no-repeat center 0;}
#content_wrap #iconArea dd.ic91 a {background: url(../images//main/icon91.png) no-repeat center 0;}
#content_wrap #iconArea dd.ic92 a {background: url(../images//main/icon92.png) no-repeat center 0;}
#content_wrap #iconArea dd.ic93 a {background: url(../images//main/icon93.png) no-repeat center 0;}
#content_wrap #iconArea dd.ic94 a {background: url(../images//main/icon94.png) no-repeat center 0;}
#content_wrap #iconArea dd.ic95 a {background: url(../images//main/icon95.png) no-repeat center 0;}
#content_wrap #iconArea dd.ic96 a {background: url(../images//main/icon96.png) no-repeat center 0;}
#content_wrap #iconArea dd.ic97 a {background: url(../images//main/icon97.png) no-repeat center 0;}
#content_wrap #iconArea dd.ic98 a {background: url(../images//main/icon98.png) no-repeat center 0;}
#content_wrap #iconArea dd.ic99 a {background: url(../images//main/icon99.png) no-repeat center 0;}

#content_wrap #iconArea dd.ic100 a {background: url(../images//main/icon100.png) no-repeat center 0;}
#content_wrap #iconArea dd.ic101 a {background: url(../images//main/icon101.png) no-repeat center 0;}
#content_wrap #iconArea dd.ic102 a {background: url(../images//main/icon102.png) center 0 no-repeat;}
#content_wrap #iconArea dd.ic103 a {background: url(../images//main/icon103.png) center 0 no-repeat;}
#content_wrap #iconArea dd.ic104 a {background: url(../images//main/icon104.png) center 0 no-repeat;}
#content_wrap #iconArea dd.ic105 a {background: url(../images//main/icon105.png) center 0 no-repeat;}
#content_wrap #iconArea dd.ic106 a {background: url(../images//main/icon106.png) center 0 no-repeat;}
#content_wrap #iconArea dd.ic107 a {background: url(../images//main/icon107.png) center 0 no-repeat;}
#content_wrap #iconArea dd.ic108 a {background: url(../images//main/icon108.png) center 0 no-repeat;}
#content_wrap #iconArea dd.ic109 a {background: url(../images//main/icon109.png) center 0 no-repeat;}

#content_wrap #iconArea dd.ic110 a {background: url(../images//main/icon110.png) center 0 no-repeat;}
#content_wrap #iconArea dd.ic111 a {background: url(../images//main/icon111.png) center 0 no-repeat;}
#content_wrap #iconArea dd.ic112 a {background: url(../images//main/icon112.png) center 0 no-repeat;}

#content_wrap #iconArea dd.icQna a {background: url(../images//main/iconQna.gif) no-repeat center 0;}
#content_wrap #iconArea dd.icTwitter a {background: url(../images//main/iconTwitter.png) no-repeat center 0;}


/* Navi */
#content_wrap #breadcrumbs {clear:left; height:33px; background:url(../images/common/sub_navBg.gif) repeat-x 0 0;}
#breadcrumbs ul {float:left; width:100%; height:33px; margin:0px; padding:0 0 0 3px; background:url(../images/common/sub_navLine.png) repeat-x top left;}
#breadcrumbs ul li {float:left; height:33px; list-style-type:none; letter-spacing:-1px; padding:0px; margin:0px;}
#breadcrumbs li.home {float:left; width:38px; text-indent:-100px; background:url(../images/common/icon_H.gif) no-repeat 43% left; padding:1px 0 0 0; display:block;}
#breadcrumbs li.home a {float:left; background:url(../images/common/sub_navArrow.png) right 0% no-repeat; width:27px; padding-right:10px;}
#breadcrumbs li.home span{background:url(../images/common/sub_navArrow.png) right 0% no-repeat; text-indent:-10000em; padding:0 10px; border:1px solid #ccc;}
#breadcrumbs li a {float:left; background:url(../images/common/sub_navArrow.png) no-repeat 0% right; padding:7px 17px 12px 0px ;}
#breadcrumbs li a span {letter-spacing:-1px; !important}
#breadcrumbs li.arrow {width:20px; height:33px; padding-left:20px; background:url(../images/common/sub_navArrow.png) no-repeat top left;}

/* 하단 페이징 Bar */
#content_wrap .paging {padding-top:10px; text-align:center; white-space:nowrap;}
#content_wrap .paging a {display:inline-block; width:14px; height:14px; border-top:1px solid #ccc; border-bottom:1px solid #000; color:#666; font-size:1em; text-align:center; line-height:0.8em; vertical-align:middle;}
#content_wrap .paging a.on {border:1px solid #ff6600; font-weight:bold;}
#content_wrap .mapImg {height:120px; margin:5px 10px;}
#content_wrap .txt_bx {width:100%;}
#content_wrap .txt_bx dt {float:left; top:0; left:20px; width:60px; height:65px; border-right:1px solid #ccc; background:#fafafa url(../images/icon/location_icon_add.gif) no-repeat 0 0; text-indent:-100em;}
#content_wrap .txt_bx dd {position:relative; height:50px; margin-left:61px; padding:8px; border-top:1px solid #ccc; color:#000;}
#content_wrap .txt_bx02 dt {float:left; top:0; left:0; width:60px; height:60px; text-indent:-100em; background:#000 url(../images/icon/location_icon_tell.gif) no-repeat left 0;}
#content_wrap .txt_bx02 dd {position:relative; height:70px; margin-left:60px; padding:8px 0 10px 8px; border:1px solid #ccc; color:#000;}
#content_wrap .txt_bx02 .call ul {list-style:none; float:left; top:0; left:0; width:100% ; height:60px;}
#content_wrap .txt_bx02 .call ul li {padding:0px 0 3px 6px; background:url(../images/icon/dott_icon.gif) no-repeat 0 30%;}
#content_wrap .txt_bx02 .call ul li a {float:right; width:62px; height:15px; margin-right:10px; background:url(../images/btn/bt_call.gif) no-repeat 0 0; text-indent:-100em;}

/* sub_in 공지사항*/
#content_wrap ul.noticeList {list-style-type:none; float:left; width:99%; border-bottom:1px solid #000;}
#content_wrap ul.noticeList li {float:left; width:99%}
#content_wrap ul.noticeList li a {display:block; line-height:2.1em;}
#content_wrap ul.noticeList li.new {float:right; top:0; right:50px; color:#F00;}
#content_wrap ul.noticeList li span {float:right; top:0; right:50px;}

/* 서브 공지사항 List */
#content_wrap #Listbx {position:relative; overflow:hidden; clear:left;}
.pb_list_box {position:relative; padding:5px 0 5px 0px; color:#4f4f4f; overflow:hidden; display:block;}
.pb_list_box div{display:block; float:left; width:88%; padding:0px;}
.underLine {width:100%; height:2px; background:url(../images/common/sub_under.gif) repeat-x left bottom;}
.pb_list_box .pb_list_imgbox {float:left; width:20px; margin-left:1.125em;}
.pb_list_box .pb_list_img {width:75px;}
.pb_list_box .pb_list_info {float:left; width:70%; margin:0px; line-height:150%; overflow:hidden; display:block;}
.pb_list_box .pb_list_info_ar {float:right; width:30px; margin:0; padding:0; text-align:right; overflow:hidden;}
.pb_list_box .pb_list_info_ar IMG {padding:0px 10px 0px 0px;}
.np_block {display:none; position:relative; width:100%; font-size:0.9em;}
.np_block table td a:link,.np_block table td a:visited{height:27px; display:block; padding-top:8px;}
.np_block span {margin-left:20px; padding:0 5px; color:#bbc2cc; font-size:1em; font-weight:bold; font-family:"돋움";}
.np_img {width:100%;}
/* 서브 공지사항 '...' 추가 */
ul.noticeBox li.bbstitle nobr {display:block; overflow:hidden; width:100%; height:27px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
@-moz-document url-prefix() {ul.noticeBox li.bbstitle nobr {white-space:normal; word-wrap:break-word;}}
#content_wrap ul.noticeBox .bbstitle {overflow:hidden; width:65%;}

/* 서브 공지사항 dtView (예전)*/
#content_wrap #contArea .list_c {width:100%; height:250px;}
#content_wrap #contArea .list_np {border-top:1px solid #ccc; border-left:1px solid #b0b0b0; border-right:1px solid #b0b0b0; background-color:#f0f5fa; padding:3% 2%;}
#content_wrap #contArea .list_np ul {width:100%; padding:1% 0 1% 0; color:#8198f0; font-size:0.95em;}
#content_wrap #contArea .list_np ul li {display:inline; list-style-type:none; width:100%; color:#4865d2;}
#content_wrap .white dl.commonbtn {clear:both; text-align:center;}
#content_wrap .white .commonbtn dt {width:22%; height:27px; margin:2% 0 0 35%; background:url(../images/btn/bt_writeList1.gif) no-repeat; text-indent:-1000em;}
#content_wrap .white .commonbtn dt a {display:block;}
#content_wrap .white .commonbtn dd{margin:5px 5px 0 0;}
#content_wrap .white .commonbtn dd a {display:inline-block; background:url(../images/btn/bt_top2.gif) top left no-repeat; text-indent:-10000em; width:55px; height:21px;}

/*공지사항 dtView (테두리 라운딩Ver.*/)
.container2{background-color:#CC0033;}
.rtop, .rbottom{display:block; clear:both;}
.rtop *,
.rbottom * {display:block; height:1px; overflow:hidden;}
.r1{margin:0 5px; background:#b0b0b0;}
.r2{margin:0 3px; border-left:2px solid #b0b0b0; border-right:2px solid #b0b0b0; background:#FFFFFF}
.r3{margin:0 2px; border-left:1px solid #b0b0b0; border-right:1px solid #b0b0b0; background:#FFFFFF}
.r4{margin:0 1px; height:2px; border-left:1px solid #b0b0b0; border-right:1px solid #b0b0b0; background:#FFFFFF}

.r11{margin:0 5px; background:#b0b0b0;}
.r22{margin:0 3px; border-left:2px solid #b0b0b0; border-right:2px solid #b0b0b0; background:#f0f5fa}
.r33{margin:0 2px; border-left:1px solid #b0b0b0; border-right:1px solid #b0b0b0; background:#f0f5fa}
.r44{margin:0 1px; height:2px; border-left:1px solid #b0b0b0; border-right:1px solid #b0b0b0; background:#f0f5fa}
.notice_tit{margin:0; padding:2% 3%; border-left:#b0b0b0 solid 1px; border-right:#b0b0b0 solid 1px; background:#FFFFFF; font-size:12px;}
.notice_cont {min-height:400px; border-left:1px solid #b0b0b0; border-right:1px solid #b0b0b0; background-color:#fff;}
.notice_cont .text {padding:5% 6% 7% 6%;border:none; line-height:1.4em;}
.lists_t dt {color:#ff000; font-weight:bold; font-size:1.35em; letter-spacing:-0.08em; margin-bottom:8px;}
.lists_t dd {font-weight:bold; color:#838383; font-size:1.15em; letter-spacing:-0.04em;}

/* 게시판 글 쓰기 추가 (명지대모바일 부터) */
.btnArea {clear;both; height:35px; padding:5px 5px;}
.btnArea li {float:left; list-style:none;}
.btnArea li a {display:block; width:66px; height:27px; margin-left:2px; text-indent:-1000em; overflow:hidden;}
.btnArea li a.write {background:url(../images/btn/bt_write3.gif) 0 0 no-repeat;}
.btnArea li a.list {background:url(../images/btn/bt_list3.gif) 0 0 no-repeat;}
.btnArea li a.reply {background:url(../images/btn/bt_repl3.gif) 0 0 no-repeat;}
.btnArea li a.save {background:url(../images/btn/bt_save3.gif) 0 0 no-repeat;}
.btnArea li a.cancel {background:url(../images/btn/bt_cancel3.gif) 0 0 no-repeat;}
.writeTit {margin:10px 5px 0px;}
.writeTit input.title {height:27px; line-height:27px; width:75%; margin-bottom:3px; margin-top:2px; padding:0; border:1px solid #C3C4D1; color:#333; letter-spacing: 0.05em;}
.writeTxtarea {margin:0px 5px 10px;}
.writeTxtarea textarea {width:100%; margin-bottom:3px; padding:0; border:1px solid #C3C4D1; color:#333; letter-spacing: 0.05em;}

/* 서브 도서관안내 > 서비스안내 > 이용자교육 */
#content_wrap .eduArea {width:100%; background:url(../images/mylibrary/list_bg.gif) left bottom repeat-x;}
#content_wrap .eduArea h5 {padding:0 5px 10px 30px; background:url(../images/icon/title_bg.gif) no-repeat 0px 2px; color:#0086c2; text-align:left; font-size:100%; font-weight:bold;}
#content_wrap .eduArea h6 {padding:10px 38px; margin-bottom:10px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:url(../images/icon/title_bg.gif) no-repeat 7px 50%; color:#0086c2; text-align:left; font-size:100%; font-weight:bold;}
#content_wrap .eduArea .b_border{padding:0 5px 10px 35px; background:url(../images/icon/title_bg.gif) no-repeat 5px 2px; border-bottom:1px solid #ccc; margin:0px;}
#content_wrap .eduArea dl {list-style:none; margin:1px 0px 0px;}
#content_wrap .eduArea dt {list-style:none; margin-left:10px; padding:0 15px 5px; background:url(../images/icon/list_icon.gif) no-repeat 0 7px;}
#content_wrap .eduArea dt.image {list-style:none; padding:0; background-image:none; font-weight:bold;}
#content_wrap .eduArea dd {margin-left:10px; padding:2px 0 10px 15px; background:url(../images/icon/list_icon.gif) no-repeat 0 9px;}
#content_wrap .eduArea dd dl {margin-top:5px; background-image:none;}
#content_wrap .eduArea dd dt {margin-top:5px; background-image:none;}
#content_wrap .eduArea dd dl dt {width:100%; margin:0; padding:2px 0 2px; font-weight:normal;}
#content_wrap .eduArea dd dl dd {list-style:none; width:100%; margin:0; padding:2px 0 2px; background-image:none; font-size:90%;}
#content_wrap .eduArea .dd_table{background:none; padding-right:20px; margin:5px 0 0 0;}

/* 서브 전자자료이용 dtView */
.centerbtn2 {text-align:center; padding:10px 0 20px 0; border-bottom:1px solid #ccc;}
.centerbtn2 img{margin:0 5px;}
.sech_hidden a {display:block; float:right; margin:8px 5px 0 0; width:129px; height:27px; background:url(../images/btn/bt_seahidden.gif) no-repeat; text-indent:-100em;}
.sech_open a {display:block; float:right; margin:8px 5px 0 0; width:129px; height:27px; background:url(../images/btn/bt_seaopen.gif) no-repeat; text-indent:-100em;}
 
.sech_hidden02 a {display:block; float:right; margin:8px 5px 0 0; width:129px; height:27px; background:url(../images/btn/bt_seahidden02.gif) no-repeat; text-indent:-100em;}
.sech_open02 a {display:block; float:right; margin:8px 5px 0 0; width:129px; height:27px; background:url(../images/btn/bt_seaopen02.gif) no-repeat; text-indent:-100em;}
.sech_open02 {height:43px;}
.sech_hidden02 {height:43px;}
	
#content_wrap .data_table {width:100%; border:1px solid #ccc; border-collapse:collapse; border-top:2px solid #4b8bbd;}
.data_table caption {margin-left:5px; padding:8px 23px; text-align:left; background:url(../images/icon/title_bg.gif) no-repeat left 50% ; font-weight:bold; color:#0086c2;}
.datae_table th,td {border-bottom:1px solid #b9b9b9;}
.data_table th {font-size:0.9em; background-color:#e6eef4; width:20%;}
.datae_table .width_th {width:60%;}
.datae_table td {padding:5px 7px; color:#333; font-weight:normal;}
.data_table .titlecell {float:left; width:19.2%; padding:10px 0;text-align:center; border-left:1px solid #ccc; border-right:1px solid #ccc; background-color:#f9f9f9; font-weight:bold;}
.datarrow {margin-top:5px; padding:5px 23px 8px 5px; border-bottom:2px solid #4b8bbd; background:url(../images/icon/title_bg.gif) no-repeat left 50%; color:#0086c2; text-align:left; font-weight:bold;}
.datarrow span {margin-left:15px;}

#content_wrap .list_box {float:left; width:95%;}
.list_box li {display:inline; list-style:none; float:left; width:95%; padding-bottom:5px; border-bottom:1px dotted #666;}
#p_list3{float:left; width:100%; padding:4% 0 0 0; background:url(../images/mylibrary/list_bg.gif) repeat-x left bottom; font-size:1.05em; border-bottom:2px solid #0b72c1;}
#p_list3 ul {list-style:none; float:left; width:90%; margin-left:5%;}
#p_list3 ul li {float:left; padding-top:2px; width:85%;}
#p_list3 ul li span {float:left;}
#p_list3 ul li.ucbtn {position:relative; float:right; top:-20px; right:-10px; width:70px; height:27x; border-top:1px solid #ccc; padding-top:7px; background:url(../images/btn/bt_class.gif) no-repeat left bottom;}
#p_list3 ul.uclist {float:left; width:50px; height:0.875em;}
#p_list3 .uclist li {float:left; width:85%;}

/*통합검색 (권호정보+제본정보)*/
.tab_date{clear:both width:100%; margin:1%; text-align:center;}
.tab_date ul {float:left; border-bottom:1px solid #265a98; width:100%; padding-left:3px; letter-spacing:-0.08em;}
tab_date li{float:left; width:24.4%; margin-right:0.7%; list-style:none;  border:none; padding:0px;}
.tab_date li a {float:right; width:100%; padding:10% 0 6% 0;}
.tab_date .tabon a {background:url(../images/search/rtab_bgon.gif) right top no-repeat; color:#FFF;}

.tbl_type,.tbl_type th,.tbl_type td{border:1px solid #dcdcdc;}
.tbl_type{width:95%; margin:0 auto; border-bottom:2px solid #dcdcdc; font-family:Tahoma; font-size:11px; text-align:center}

.tbl_type .red {color:#0c37b1; font-weight:bold;}
.tbl_type caption {display:none}
.tbl_type th {padding:7px 0 4px; border-bottom:2px solid #e5e5e5; background-color:#f5f7f9; color:#666; font-family:'돋움',dotum; font-size:12px; font-weight:bold;}
.tbl_type td {padding:6px 2px 4px; color:#4c4c4c}
.texts {margin:10px 5px 10px;}
.texts span {padding-left:8px; background:url(../images/search/smalldot.gif) no-repeat left 50%; font-size:87%;}
.texts span.red {color:#f20;}
#md01 select {position:absolute; left:0; margin-left:2%;}

/*희망도서신청*/
.mytbl_type,.mytbl_type th,.mytbl_type td {border:0;}
.mytbl_type{width:98.5%; margin:0 auto; margin-top:10px; border:1px solid #dddee2; font-family:'돋움',dotum;}
.mytbl_type caption {margin-left:5px; padding:8px 23px; background:url(../images/icon/title_bg.gif) no-repeat left 50% ; font-weight:bold; color:#0086c2; font-size:1.05em; text-align :left; border-top:none;}
.mytbl_type th {padding:3px; border-top:1px solid #dddee2; border-right:1px solid #dddee2; background:#f1f1f3; color:#666; font-weight:bold; text-align:center;}
.mytbl_type td {padding:3px; border-top:1px solid #dddee2; line-height:16px; text-align:center;}
.mytbl_type2,.mytbl_type2 th,.mytbl_type2 td{border:0;}
.mytbl_type2{width:98.5%; margin:0 auto; margin-top:10px; border:1px solid #dddee2;font-family:'돋움',dotum;}
.mytbl_type2 caption {margin-left:5px; padding:8px 23px; background:url(../images/icon/title_bg.gif) no-repeat left 50% ; font-weight:bold; color:#0086c2; font-size:1.05em; text-align :left; border-top:none;}
.mytbl_type2 th {width:30%; padding:3px; border-top:1px solid #dddee2; border-right:1px solid #dddee2; background:#f1f1f3; color:#666; font-weight:bold; text-align:center;}
.mytbl_type2 td {padding:6px 3px 5px 10px; border-top:1px solid #dddee2; line-height:16px;}
.mytbl_type2 input{padding:0.5% 0; border:1px solid #ccc;}

/* footer */
#footer {width:100%;}
#footer ul.grayF {clear:both; list-style:none; width:100%; /* height:27px; */ padding:8px 0; text-align:center; border-top:2px solid #3f82bf; border-bottom:1px solid #cacaca; background:#eee;}
#footer ul.grayF li {display:inline-block; font-size:0.95em; letter-spacing:-0.15em; background:#fff; margin:0 0.6%;}
#footer ul.grayF li a:link, 
#footer ul.grayF li a:visited {padding:4px 6px 4px 8px; text-align:center; border:1px solid #ccc; background:#fff;}
#footer .blueF {width:100%; background-color:#eee; color:#4894da; text-align:center; border-top:1px solid #fff; font-size:0.95em; padding:5px 0 8px 0;}
	
	

/* yshwang 추가분 */
	
#breadcrumbs li span.title{float:left;
 padding:7px 17px 12px 0;}
 
#content_wrap ul.noticeBox .title {overflow:hidden;width:61%;}
#header_wrap .searchbox h1 input.typeText{font-size:60%;}
	
.sech_open {height:43px;}

.search_brief_title {float:left;padding-top:3px;}

#content_wrap #iconArea dd.ic21 a {background:url(../images/main/re_icon01.png) center 0 no-repeat;}
#content_wrap #iconArea dd.ic22 a {background:url(../images/main/re_icon02.png) center 0 no-repeat;}
#content_wrap #iconArea dd.ic23 a {background:url(../images/main/re_icon03.png) center 0 no-repeat;}
#content_wrap #iconArea dd.ic24 a {background:url(../images/main/re_icon04.png) center 0 no-repeat;}
#content_wrap #iconArea dd.ic25 a {background:url(../images/main/re_icon05.png) center 0 no-repeat;}
#content_wrap #iconArea dd.ic26 a {background:url(../images/main/re_icon06.png) center 0 no-repeat;}
#content_wrap #iconArea dd.ic27 a {background:url(../images/main/re_icon07.png) center 0 no-repeat;}
#content_wrap #iconArea dd.ic28 a {background:url(../images/main/re_icon08.png) center 0 no-repeat;}
#content_wrap #iconArea dd.ic29 a {background:url(../images/main/re_icon09.png) center 0 no-repeat;}
#content_wrap #iconArea dd.ic30 a {background:url(../images/main/re_icon10.png) center 0 no-repeat;}
#content_wrap #iconArea dd.ic31 a {background:url(../images/main/re_icon11.png) center 0 no-repeat;}
	
	
#content_wrap #iconArea dd.ic41 a {background:url(../images/main/icon01.png) center 0 no-repeat;}
#content_wrap #iconArea dd.ic42 a {background:url(../images/main/icon02.png) center 0 no-repeat;}
#content_wrap #iconArea dd.ic43 a {background:url(../images/main/icon03.png) center 0 no-repeat;}
#content_wrap #iconArea dd.ic44 a {background:url(../images/main/icon04.png) center 0 no-repeat;}
#content_wrap #iconArea dd.ic45 a {background:url(../images/main/icon05.png) center 0 no-repeat;}
#content_wrap #iconArea dd.ic46 a {background:url(../images/main/icon06.png) center 0 no-repeat;}
#content_wrap #iconArea dd.ic47 a {background:url(../images/main/icon07.png) center 0 no-repeat;}
#content_wrap #iconArea dd.ic48 a {background:url(../images/main/icon08.png) center 0 no-repeat;}
#content_wrap #iconArea dd.ic49 a {background:url(../images/main/icon09.png) center 0 no-repeat;}
#content_wrap #iconArea dd.ic50 a {background:url(../images/main/icon10.png) center 0 no-repeat;}
#content_wrap #iconArea dd.ic51 a {background:url(../images/main/icon11.png) center 0 no-repeat;}


/* 공지사항 list */
#content_wrap #bbs_list .noticeArea {height:25px; padding-top:5px; border-bottom:1px solid #DDDDDF; background:none;}
#content_wrap ul.noticeBox .bbstitle {width:60%;}
#content_wrap .noticeArea .new {margin-left:0px; font-size:0.65em; letter-spacing:0px;}



/* 서울디자인센터용 아이콘 추가 */
#content_wrap #iconArea dd.ic101 a {background: url(../images/main/sdc_icon01.png) no-repeat center 0;}
#content_wrap #iconArea dd.ic102 a {background: url(../images/main/sdc_icon02.png) no-repeat center 0;}
#content_wrap #iconArea dd.ic103 a {background: url(../images/main/sdc_icon03.png) no-repeat center 0;}
#content_wrap #iconArea dd.ic104 a {background: url(../images/main/sdc_icon04.png) no-repeat center 0;}