/* common style */ * { margin:0; padding:0; } body, th, td, textarea, h1, h2, h3, h4, h5, h6 { font-family:dotum; font-size:12px; color:#424142; } body, th, td, textarea { line-height:14px; } img, fieldset { border:0; } li { list-style:none; } select, input { font-family:verdana; color:#000000; font-size:1.05em; line-height:1.2em; } address,em { font-style:normal; } button { border:none; background:none; cursor:pointer; } hr, legend { display:none; } p, h1, h2, h3, h4, h5, h6 {margin:0; padding:0;} /* common layout */ body {width:100%; text-align:center;} #wrap {position:relative; width:950px; margin:0 auto; text-align:left;} #header {position:relative; width:100%; height:96px; background:url(/base/img/common/flash_bg2.jpg) left top no-repeat;} #header h1 {position:absolute; top:11px; left:20px; z-index:100;} #global_nav {position:absolute; top:9px; right:9px; z-index:100;} #global_nav li {float:left; margin-right:6px; padding:0 0 0 8px; background:url(/base/img/common/global_line.gif) left 3px no-repeat; display:inline;} #global_nav li.first {padding:0; background:none !important;} #flash_nav {position:relative; top:29px; text-align:right; background:url(/base/img/common/flash_bg.gif) left top no-repeat;} #flash_visual {clear:both; float:left;} #middle_wrap {clear:both; float:left; padding:0; background:url(/base/img/common/bg_subcont.gif) left top repeat-y;} #middle_topbg {padding:25px 0 0 0; background:url(/base/img/common/bg_subcont_top.gif) left top no-repeat;} #middle {float:left; width:950px; padding-bottom:50px; background:url(/base/img/common/bg_subcont_bt.gif) left bottom no-repeat;} /* sub middle */ #middle_main {float:left; width:950px; padding:0 0 25px 28px; background:url(/base/img/common/bg_subcont_bt.gif) left bottom no-repeat;} /* main middle */ :root #middle_main {width:922px;} #promise {clear:both; float:left; width:100%;} #promise h3 {float:left;} #promise ul {float:left; padding-right:24px; background:url(/base/img/common/promise_end.gif) right top no-repeat;} #promise ul li {float:left; padding-left:15px; background:url(/base/img/common/promise_line.gif) left top no-repeat;} #promise ul li.fir {padding:0;} #promise ul li img {vertical-align:top;} #footer {clear:both; float:left; width:100%; margin:10px 0 0 0; padding-bottom:25px;} #footer h2 {float:left; margin-left:50px; display:inline;} #footer .copyright {float:left; margin:7px 0 0 65px; display:inline;} #footer .family_site_wrap {float:right; margin-top:2px;} #footer .family_site_wrap label {margin-right:7px;} #footer .family_site_wrap label img {vertical-align:middle;} #footer .family_site_wrap select {font-family:돋움; font-size:11px; color:#8e8e8e;} /* main_layout */ #main_left {float:left; min-height:428px; _height:428px; padding-right:23px; background:url(/base/img/common/main_line.gif) right top no-repeat;} #main_left dl {float:left; width:168px; margin-bottom:9px; padding:12px 0 20px 0; text-align:center; background:url(/base/img/common/main_line_ass.gif) center bottom no-repeat;} #main_left dl dt {} #main_left dl dd {margin-bottom:9px;} #main_left .banner {clear:both; float:left; width:168px;} #main_cont {position:relative; float:left; width:444px; padding:0 22px; background:url(/base/img/common/main_line.gif) right top no-repeat;} #main_cont #footprints {position:relative; float:left; width:444px; height:100px; margin-bottom:25px;} #main_cont #footprint_tit {float:left; width:100%;} #main_cont #footprint_tit h3 {float:left; position:absolute;} #main_cont #footprint_tit ul {float:right; margin-top:2px;} #main_cont #footprint_tit ul li {float:left; margin:0 2px 0 0; display:inline;} #main_cont #footprint_cont {float:left; width:100%;} #main_cont #footprint_img {position:relative; float:left; margin:0 4px; display:inline;} #main_cont #footprint_img01 {position:absolute;} #main_cont #footprint_img02, #main_cont #footprint_img03, #main_cont #footprint_img04, #main_cont #footprint_img05 {position:absolute; display:none;} #main_cont #footprint_cont .btn_prev {float:left; margin-top:22px;} #main_cont #footprint_cont .btn_next {float:right; margin-top:22px;} #main_cont #main_know {float:left; height:100px; margin-bottom:20px;} #main_cont #main_know h3 {margin-bottom:9px;} #main_cont #main_column {clear:both; float:left; width:100%; height:95px; margin-bottom:28px;} #main_cont #main_column h3 {margin-bottom:5px;} #main_cont #main_gallery {position:relative; float:left; width:444px;} #main_cont #main_movie {position:relative; float:left; width:208px;} #main_cont #main_movie p {position:relative; z-index:150;} #main_cont #main_movie .main_board {position:relative; margin:-28px 0 0 0;} :root #main_cont #main_movie .main_board { margin:-21px 0 0 0;} #main_cont #main_album {float:right; width:208px;} #main_right {float:left; width:200px; padding-left:17px;} #main_right #main_schedule {margin-bottom:20px;} #main_right .schedule {clear:both;} #main_right .main_promise {float:left; margin-bottom:20px;} #main_right #main_notice {clear:both; float:left; width:100%; margin-bottom:34px;} #main_right #main_notice .notice {height:72px;} /* 게시판 타이틀 */ .board_title {float:left; width:200px; margin-bottom:7px;} .board_title h3 {float:left;} .board_title p {float:right; margin:3px 0 0 0;} .main_board {float:left; width:208px;} .board_output_imgs {width:94px; height:56px; margin-bottom:7px; text-align:center;} /* 폼메일 */ .form_mail_img {margin-bottom:35px;} .form_mail {border-top:2px solid #7591ab;} .form_mail td {padding:5px 10px; border-bottom:1px solid #e8ecef; background:#fbfbfb;} .form_mail td.formmail_cell_bgcolor {padding:5px 10px;} .form_mail td.formmail_cell_bgcolor br {line-height:0;} .form_mail td.formmail_cell_bgcolor textarea {width:100%; border:1px solid #ccc;} .form_mail_btn {clear:both; float:left; width:100%; margin-top:20px; text-align:center;} /* 추출형 게시판 스타일 */ .board_output td {color:#898989;} #main_know .board_output td {padding:0; font-size:11px; vertical-align:top; line-height:16px;} #main_know .board_output td a {font-size:14px; color:#1b4b82; margin-bottom:5px; display:inline-block;} #main_know .board_output td a:link {text-decoration:underline;} #main_know .board_output td a:hover {text-decoration:underline;} #main_know .board_output_imgs {margin-right:15px;} #main_column .board_output td {padding:0; font-size:11px; vertical-align:top; line-height:16px;} #main_column .board_output td a {font-size:14px; color:#1b4b82; margin-bottom:5px; display:inline-block;} #main_column .board_output td a:link {text-decoration:underline;} #main_column .board_output td a:hover {text-decoration:underline;} #main_column .board_output_imgs {margin-right:15px;} #main_movie .board_output {position:absolute; top:6px;} #main_movie .board_movie {width:208px;} #main_movie .board_movie td td td {width:102px; text-align:center; vertical-align:bottom;} #main_album .board_output {width:208px;} #main_album .board_output td td td {width:104px; text-align:center; vertical-align:bottom;} .main_board a {font-size:11px; color:#898989; text-decoration:none;} .main_board a:hover {text-decoration:underline;} .main_board .bd_out1 {padding:3px 0 2px 5px;} /* sub layout */ #second_nav {float:left; padding-left:31px;} #secondmenu {float:left; width:182px; margin-bottom:50px;} .banner_wrap {clear:both; float:left; width:150px; background:url(/base/img/common/banner_bg.gif) left top repeat-y;} .banner {float:left; width:100%; margin:0; background:url(/base/img/common/banner_bg_bt.gif) left bottom no-repeat;} .banner ul {margin:0; padding:9px 10px 15px 7px; background:url(/base/img/common/banner_bg_top.gif) left top no-repeat;} #cont_group {float:left; width:692px; min-height:450px; _height:450px; padding-left:25px; background:url(/base/img/common/bg_subcont_line.gif) left top no-repeat;} #cont_title {float:left; width:692px; padding:5px 0 12px 0; border-bottom:1px solid #f0f0f0;} #cont_title h3 {float:left;} #cont_title #location {float:right; margin-top:6px; font-size:11px;} #cont_title #location li {float:left; margin-left:6px; padding-left:11px; color:#bbb; background:url(/base/img/common/arr_location_next.gif) left 1px no-repeat; display:inline;} #cont_title #location li.first {padding-left:10px;background:url(/base/img/common/arr_location.gif) left 4px no-repeat;} #cont_title #location li.now {color:#707070;} #content {position:relative; float:left; width:692px; padding:28px 0 0 0;} #content_board {position:relative; float:left; width:692px; padding:15px 0 0 0; text-align:center;} #board_area {clear:both; width:661px; margin:0 auto; text-align:left;} .board_cont {clear:both;} /* 걸어온 발자취 */ .footprints {position:relative; float:left; width:660px; color:#898989; background:url(/base/img/common/bg_footprint_list.gif) left top no-repeat;} .footprints_list {float:left; width:225px; margin-top:21px;} .footprints_list a {text-decoration:none; color:#898989;} .footprints_list li {margin:0 0 13px 12px; padding-left:10px; background:url(/base/img/common/ico_footprint.gif) left 5px no-repeat;} #footprints_cont_area {position:relative; float:left; width:406px; margin-top:20px; line-height:21px; padding-left:26px; background:url(/base/img/common/line_footprint.gif) left top no-repeat;} #footprints_cont_area h4 {margin-bottom:26px; color:#898989;} #footprints_cont {float:left; width:100%; padding-bottom:100px; background:url(/base/img/common/img_footprint.gif) right bottom no-repeat;} #footprints_cont1, #footprints_cont2, #footprints_cont3, #footprints_cont4, #footprints_cont5 {float:left; width:100%;} #footprints_cont2, #footprints_cont3, #footprints_cont4, #footprints_cont5 {display:none;} .footprints_text {clear:both; float:left; width:100%;} /* 약력소개 */ .profile {margin:0 0 0 50px; padding:17px 0 0 0;} /* 홍길동의 약속 */ .promise {width:100%; text-align:center;} /* 공지사항 */ .board_visual {float:left; width:100%; margin:0 0 5px 0; text-align:left;} /* 홍길동 앨범 */ .top_text {float:left; margin:0 0 20px 0; text-align:left;} .board_text {float:left; width:661px; padding:10px 0; font-family:dotum, 돋움; font-size:12px; color:#9cc0ce; font-weight:bold; text-align:left;} .board_text2 {float:left; width:661px; margin-bottom:10px; padding:10px 0; font-family:dotum, 돋움; font-size:12px; color:#9cc0ce; font-weight:bold; text-align:left;} /* 후원 안내 */ .support_guide {margin-top:10px;} .support_guide .txt01 {margin-bottom:42px;} .support_guide .btn {width:100%; margin-bottom:24px; text-align:center;} .support_guide h4 {margin-bottom:12px;} .support_guide .txt02 {margin-bottom:26px;} .support_guide .txt03 {margin-bottom:26px;} .support_guide .txt04 {margin-bottom:45px;} .support_guide .txt05 {} /* 후원하기 */ .support_txt {margin-top:10px;} .support {margin:37px 0 0 11px;} .support h4 {margin-bottom:12px;} .support h5 {margin-bottom:11px;} .support .border_wrap {float:left; margin-bottom:25px; padding:5px; background:#f0f0f0;} .support .support_bank {float:left; width:660px; padding:17px 35px; background:#fbfbfb;} :root .support .support_bank {width:575px;} .support .support_bank ul {float:left; width:590px; margin-bottom:17px; padding-bottom:17px; background:url(/base/img/common/support02_underline.gif) left bottom no-repeat;} .support .support_bank ul li {float:left; padding-right:50px; margin-right:40px; background:url(/base/img/common/support02_dotline.gif) right 4px no-repeat;} .support .support_bank ul li.none {padding:0; margin:0; background:none;} .support .support_bank ul li img {vertical-align:top;} .support .support_bank p {float:left; margin:0;} .support .support_sinhan {float:left; width:660px; padding:14px 26px 14px 17px; background:#fbfbfb;} :root .support .support_sinhan {width:608px;} .support .support_sinhan ul {float:left; width:608px;} .support .support_sinhan ul li {float:left;} .support .support_sinhan ul li.none {margin:11px 0 0 20px;} /* 회원탈퇴 */ .leave table td {color:#8c8f94;} .leave h4 {margin-bottom:10px; text-align:left;} .board_leave {width:661px; margin-bottom:45px; font-size:12px; font-family:굴림,돋움; color:#8c8f94; border-top:2px solid #7591ab;} .board_leave th {padding:4px 5px 5px 5px; color:#7591ab; border-bottom:1px solid #e8ecef;} .board_leave td {padding:4px 5px 5px 10px; text-align:left; color:#8c8f94; border-bottom:1px solid #e8ecef;} .board_leave td .member_border {height:19px; padding:2px 5px 0 5px; font-family:돋움; font-size:12px; border:1px solid #ccc;} /* 임시메뉴 css */ #ghost_menu a {color:#888; text-decoration:none;} #ghost_menu {position:absolute; top:0; left:0;} #ghost_menu_top {position:relative; float:left; width:100%; left:0;} #ghost_menu_top li {float:left; margin-right:110px; font-size:14px; font-weight:bold; line-height:20px; white-space:nowrap; display:inline;} #ghost_menu_top li.end {margin-right:0;} #ghost_menu_sub {clear:both; float:left; width:100%; margin-top:8px; background:#fff;} #ghost_menu_sub ul li {float:left; margin-right:10px; padding:5px 10px; font-weight:normal; font-size:12px; display:inline;} #ghost_menu_sub ul li a:hover {text-decoration:underline;} #ghost_menu1 {} #ghost_menu2 {} #ghost_menu3 {} #ghost_menu4 {float:right;} /* 메인 베너 롤링*/ .anythingSlider { width: 400px; height: 80px; position:relative; top: 20px; left: 20px; } .anythingSlider .wrapper { width: 400px; height: 80px; margin: 0; position: absolute; overflow:hidden;} .anythingSlider .wrapper ul { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; } .anythingSlider ul li { display: block; float: left; padding: 0; height: 80px; width: 400px; margin: 0; } .anythingSlider .arrow { display: block; height: 34px; width: 20px; } .anythingSlider .forward { background-position: 0; right: -20px; background: url(/base/img/common/m_footprint_next.gif) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 25px; cursor: pointer; } .anythingSlider .back { background-position: 0; left: -20px; background: url(/base/img/common/m_footprint_prev.gif) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 25px; cursor: pointer; } #thumbNav { position: relative; bottom:18px; text-align: right; } #thumbNav a { color: #868D97; font: 10px/15px 돋움체; font-weight:bold; display:inline; padding: 0 5px; height: 15px; margin: 2px 2px 0 0; background: #fff url(/base/img/common/banner_icon_out.gif) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; } #thumbNav a:hover { background: #fff url(/base/img/common/banner_icon_over.gif) repeat-x; } #thumbNav a.cur { background: #fff url(/base/img/common/banner_icon_over.gif) repeat-x; } /* Prevents */ .anythingSlider .wrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; } .anythingSlider .wrapper ul ul li { float: none; height: auto; width: auto; background: none; }