@import url(style.css); @import url(button.css); #subMidDiv {float:left; width:970px; margin-bottom:20px;} #midLeftDiv {float:left; width:200px; padding:0; margin:0;} #midContentDiv {float:right; width:725px;} #midLeftDiv h1 {width:200px; padding:0; margin:0 0 10px 0; text-align:right;} #locationDiv {position:relative; top:-27px; margin-right:10px; text-align:right; font-size:8pt;} #locationDiv, #locationDiv a {color:#666;} #locationDiv img {vertical-align:middle;} #subtitle {padding:0 0 5px 0; margin:15px 0 10px 0; border-bottom:1px dashed #E5E5E5;} #contentDiv {width:725px; text-align:left; overflow-x:hidden; } /* leftMenu */ #leftMenuDiv {float:left; width:170px; padding:0; border:15px solid #F1F2F8;} #leftMenuDiv ul {display:block; width:150px; padding:0; margin:15px 10px; list-style:none none outside;} #leftMenuDiv ul li {display:block; padding:5px 0 5px 15px; margin:0; border-bottom:1px solid #E1E3EF; background:url(/coding/sub1/images/sm_bl.gif) no-repeat 5px 40%;} #leftMenuDiv ul li {_padding-left /**/:2px;} /* IE 5.5 이하 텍스트 정렬 추가 hack */ #leftMenuDiv ul li a {display:block;} #leftMenuDiv ul li a:hover {text-decoration:none; font-weight:bold; letter-spacing:-1px; color:#47529C;} #guide {float:left; width:200px; padding:0; margin-top:20px;} #l_bt {float:left; width:200px; padding:0; margin:7px 0 0 0; list-style:none;} #l_bt li {display:inline; margin:2px 0;} /*********** DB 부분 ***********/ /* tab menu */ #tabsE {float:left; width:725px; height:45px; margin-bottom:10px; background:url(/coding/sub1/images/tabs_bg.gif) repeat-x 0 0;} #tabsE ul {margin:0; padding:6px 10px 0 20px; list-style:none;} #tabsE li {display:inline; margin:0; padding:0;} #tabsE a {float:left; background:url(/coding/sub1/images/tableftE.gif) no-repeat left -6px; margin:0; padding:0 0 0 4px; margin-left:3px; text-decoration:none;} #tabsE a span {float:left; display:block; background:url(/coding/sub1/images/tabrightE.gif) no-repeat right -6px; padding:5px 12px 10px 6px; margin-right:3px; color:#FFF;} #tabsE #current a span {font-weight:bold; color:#2D4073;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabsE a span {float:none;} /* End IE5-Mac hack */ #tabsE a:hover span {color:#2D4073;} #tabsE a:hover {background-position:0% -49px;} #tabsE a:hover span {background-position:100% -49px;} #tabsE #current a {background-position:0% -49px;color:#2D4073;} #tabsE #current a span {background-position:100% -49px;} #gotaek_gall {float:left; width:99%; margin-bottom:30px; background:url(/coding/sub1/images/gotaek_gall_txt_bg.gif) no-repeat 380px 236px;} #img_view {float:left; padding:6px; border:1px solid #CCCCFF;} #gall_s_list {/*float:right;*/float:left; width:360px; margin-left:20px;} #gall_s_list #gall_s_left {float:left; width:10px; margin:67px 0;} #gall_s_list #gall_s_right {float:right; width:10px; margin:67px 0;} #gall_s_list ul {float:left; position:relative; width:330px; left:10px; padding:0 0 10px 0; margin:0; list-style:none; border-bottom:1px dashed #A7A7A7;} #gall_s_list ul li {display:inline;} #gall_s_list ul li img {width:145px; height:90px; padding:5px; border:1px solid #E4E4E4;} #gall_btn {/*float:right;*/float:left; padding:0; margin:15px 0 0 0; list-style:none;} #gall_btn li {float:left; display:inline; padding:10px 20px 10px 0; margin-left:10px; background:url(/coding/sub1/images/gallery_btn_line.gif) no-repeat right 50%;} #gall_btn li.last {background:none;} #gotaek_gall2 {float:left; width:99%; margin-bottom:15px; background:url(/coding/sub1/images/gotaek_gall_txt_bg.gif) no-repeat 380px 200px;} #sukbak_ico {float:right; width:348px; padding:0; margin:25px 0 0 0; list-style:none;} #sukbak_ico li {display:inline; margin:0 2px;} #gotaek_gall2 #gall_s_list ul li img {width:145px; height:80px; padding:5px; border:1px solid #E4E4E4;} #sukbak_gall, #sukbak_gall2 {float:left; width:693px; padding:15px 15px 8px 15px; margin-bottom:30px; border:1px solid #E6E4E4; background:#F8F8F8 url(/coding/sub1/images/gallery2_txt_bg.gif) no-repeat 384px 205px;} #sukbak_gall3 {float:left; width:693px; padding:15px 15px 8px 15px; margin-bottom:30px; border:1px solid #E6E4E4;} #sukbak_gall {_background-position:384px 280px;} #sukbak_gall2 {_background-position:384px 175px;} #gall_s_list2 {float:right; width:330px; padding:0 0 20px 0; margin:0; list-style:none; border-bottom:1px dashed #A7A7A7;} #gall_s_list2 li {float:left; display:inline; margin:0 2px;} #gall_s_list2 li img {width:145px; height:77px; padding:5px; border:1px solid #E4E4E4; background-color:#fff;} #pic_caption {float:left; width:330px; text-align:center; margin-top:5px;} #gall_btn2 {float:right; width:330px; padding:0; margin:8px 0 0 0; list-style:none;} #gall_btn2 li {float:left; display:inline; margin:0 3px;} .pers_list#sukbak_gall {background:#F8F8F8 url(/coding/sub1/images/gallery2_txt_bg.gif) no-repeat 384px 270px;} .pers_list#sukbak_gall #pers_caption {float:right; width:330px; padding:0; margin:0 0 15px 0; list-style:none;} .pers_list#sukbak_gall #pers_caption li {padding-left:57px; margin-bottom:4px;} .pers_list#sukbak_gall #pers_caption li.name {background:url(/coding/sub1/images/bl_name.gif) no-repeat 0 0;} .pers_list#sukbak_gall #pers_caption li.year {background:url(/coding/sub1/images/bl_year.gif) no-repeat 0 0;} .obj_list#sukbak_gall {background:#F8F8F8/* url(/coding/sub1/images/gallery2_txt_bg.gif) no-repeat 384px 280px*/;} .obj_list#sukbak_gall #pers_caption {float:right; width:330px; padding:0; margin:0 0 3px 0; list-style:none;} .obj_list#sukbak_gall #pers_caption li {padding-left:57px; margin-bottom:2px;} .obj_list#sukbak_gall #pers_caption li.name {background:url(/coding/sub1/images/bl_name.gif) no-repeat 0 0;} .obj_list#sukbak_gall #pers_caption li.year {background:url(/coding/sub1/images/bl_year.gif) no-repeat 0 0;} .obj_list#sukbak_gall #pers_caption li.adr2 {background:url(/coding/sub1/images/bl_adr2.gif) no-repeat 0 0;} .obj_list#sukbak_gall #pers_caption li.tel2 {background:url(/coding/sub1/images/bl_tel2.gif) no-repeat 0 0;} .obj_list#sukbak_gall #pers_caption li.num {background:url(/coding/sub1/images/bl_num.gif) no-repeat 0 0;} .obj_list#sukbak_gall #pers_caption li.site2 {background:url(/coding/sub1/images/bl_site2.gif) no-repeat 0 0;} .pers_list#sukbak_gall h4, .obj_list#sukbak_gall h4 {padding:0 0 0 13px; margin:0 0 7px 0; font-size:12pt; background:url(/coding/sub1/images/text_title_bg3.gif) no-repeat 0 40%;} .pers_list#sukbak_gall #gall_s_list2, .obj_list#sukbak_gall #gall_s_list2 {border-bottom:none;} #txt_tt1 {float:left; width:723px; padding:10px 0; background-color:#F8F9FD; border:1px solid #E8E9F6;} #txt_tt1 h3 {float:left; padding:0 0 0 18px; margin:0 0 0 15px; font-size:11pt; font-family:dotum; background:url(/coding/sub1/images/text_title_bg.gif) no-repeat 0 3px;} #txt_tt1 strong {float:right; margin-right:15px; color:#666;} #txt_tt2 {float:left; width:711px; padding:0 0 0 12px; margin:0 0 5px 0; font-size:9pt; color:#4C557C; background:url(/coding/sub1/images/text_title_bg2.gif) no-repeat 0 3px;} #txt_tt3 {float:left; width:100%; padding-bottom:3px; margin-bottom:20px; border-bottom:2px solid #CCC;} #txt_tt3 h4 {float:left; padding:0; margin:0; font-size:9pt; font-weight:100;} #txt_tt3 h4 span {color:blue; font-weight:bold;} #txt_tt3 strong {float:right; font-weight:100;} #txt_tt4 {padding:0; margin:0 0 15px 0; font-size:9pt; color:#6D6E6E;} #txt_tt4 span {color:#D15A0B;} #txt_top {float:left; width:99%; margin:10px 0;} #txt_top ul {float:left; padding:0; margin:0; list-style:none;} #txt_top ul li {padding-left:67px; line-height:22px; margin:2px 0;} #txt_top .site {float:right; padding-left:75px; line-height:22px; background:url(/coding/sub1/images/bl_site.gif) no-repeat 0 0; margin:2px 0;} #txt_top ul .adr {background:url(/coding/sub1/images/bl_adr.gif) no-repeat 0 0;} #txt_top ul .tel {background:url(/coding/sub1/images/bl_tel.gif) no-repeat 0 0;} #txt {float:left; width:693px; padding:15px; background-color:#F8F8F8; border:1px solid #E6E4E4;} #txt2 {float:left; width:683px; padding:20px; background-color:#F8F8F8; border:1px solid #E6E4E4;} #txt3 {float:left; width:683px; padding:0 20px;} #txt .txt_cap {padding-top:15px; border-top:1px dashed #A7A7A7;} #map {clear:both; width:725px; margin-bottom:30px; } #map2 {float:left; width:723px; padding:15px 0; margin-bottom:30px; text-align:center; border:1px solid #DAE3F8;} #app_go {float:left; width:725px; padding:0; margin:15px 0 0 0; list-style:none; text-align:center;} #app_go li {display:inline;} .bild_list {float:left; width:100%; padding:0 0 15px 0; margin:0 0 15px 0; border-bottom:1px dashed #C9C9C9;} .bild_list dt {padding:0 0 0 7px; margin:0 0 5px 0; font-weight:bold; background:url(/coding/sub1/images/bl_txt2.gif) no-repeat 0 5px;} .bild_list dd {padding:0; margin:0; font-size:8pt; font-family:dotum; line-height:1.5em;} .bild_list dd a {color:#737373;} .bild_list dd a:hover {text-decoration:none;} .bild_list .thum {float:left; width:120px; height:80px; margin-right:15px; border:4px solid #ddd;} .bild_list .adr {font-weight:bold; margin-bottom:4px; color:#737373;} .bild_list .cat {font-size:8pt; font-family:dotum; color:#A35A13; margin-top:4px;} .bild_list dd img {vertical-align:bottom;} .bild_list2 {float:left; width:100%; padding:0 0 15px 0; margin:0 0 15px 0; border-bottom:1px dashed #C9C9C9;} .bild_list2 dt {padding:0 0 0 7px; margin:0 0 5px 0; font-weight:bold; background:url(/coding/sub1/images/bl_txt2.gif) no-repeat 0 5px;} .bild_list2 dd {padding:0; margin:0; line-height:1.5em;} .bild_list2 dd a {color:#737373;} .bild_list2 dd a:hover {text-decoration:none;} .bild_list2 .thum {float:left; width:120px; height:80px; margin-right:15px; border:4px solid #ddd;} .bild_list2 ul {padding:0; margin:0; list-style:none;} .bild_list2 .adr {padding-top:5px; color:#737373;} .bild_list2 .cat {float:left; font-size:8pt; font-family:dotum; color:#A35A13; margin-top:28px;} .bild_list2 .bt {float:right; margin-top:28px;} .bild_list2 .bt li {display:inline;} .bild_list2 .app_left {float:left; width:370px;} .bild_list2 .app_right {float:right; width:155px; text-align:right;} .bild_list2 .app_ico {margin-bottom:7px;} .bild_list2 .app_ico li {display:inline;} .bild_list2 dd img {vertical-align:bottom;} #paging {float:left; width:100%; margin:5px 0 15px 0; text-align:center;} #bot_search {float:left; width:100%; text-align:center;} #bot_search_bt {width:37px; height:17px; border:none; background:url(/coding/sub1/images/bt_search.gif) no-repeat 0 0;} #bot_search_bt span {display:none;} .bot_search_txt {border:1px solid #777777; margin-right:5px;} /* tab menu */ #tabs1 {float:left;width:100%;margin-bottom:15px;border-bottom:2px solid #D5BA88;} #tabs1 ul {margin:0;padding:0 10px;list-style:none;} #tabs1 li {display:inline;margin:0;padding:0;} #tabs1 a {float:left; background:url(/coding/sub3/images/tableft1.gif) no-repeat left top;margin-right:3px;padding:0 0 0 2px;text-decoration:none;} #tabs1 a span {float:left;display:block;background:url(/coding/sub3/images/tabright1.gif) no-repeat right top;padding:6px 15px 3px 10px;color:#737373;font-weight:bold;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs1 a span {float:none;} /* End IE5-Mac hack */ #tabs1 a:hover span {color:#BD2C00;} #tabs1 a:hover {background-position:0% -42px;} #tabs1 a:hover span {background-position:100% -42px;} #tabs1 #current a {background-position:0% -42px;} #tabs1 #current a span {background-position:100% -42px;color:#BD2C00;} #local {float:left; width:100%; padding:0; margin:0 0 20px 0; list-style:none;} #local li {float:left; display:inline-block; width:60px;} @media print { body {font: 9pt/1.5 } }