/***** 기본설정 시작. *****************************************************************/ body { margin:0px auto; padding:0px; text-align:center; background:url(../images/tmp/tmp_main_bg.gif) left 23px repeat-x; } td, div, span { margin:0px; padding:0px; color:#707070; font-size:12px; font-family:arial,돋움체; } h2 { margin:0px; padding:0px; display:none; } h3 { margin:0px; padding:0px; display:block; } h4 { margin:0px; padding:0px; display:block; margin-bottom:15px; } p { margin:0px; padding:0px; border:0px; font-size:12px; } img { border:0px; } form { margin:0px; padding:0px; border:0px; } .border { border:2px solid #CFCFCF; } A:link { text-decoration:none; color:#707070; border:0px; margin:0px; padding:0px; } A:visited { text-decoration:none; color:#707070; border:0px; margin:0px; padding:0px; } A:active { text-decoration:none; color:#707070; border:0px; margin:0px; padding:0px; } A:hover { text-decoration:none; color:#707070; border:0px; margin:0px; padding:0px; } /********************************************************************************************************/ /***** COMMON *****************************************************************/ #HEADER, #FOOTER, #CONTENTS_MAIN, #CONTENTS_SUB { width:930px; position:relative; margin:0px auto; padding:0px; text-align:left; overflow-x:hidden; } #HEADER .TIMG { height:34px; } #HEADER .LOGO { float:left; width:334px; background:url(../images/common/header_img_02.gif) right no-repeat; } #HEADER .MENU { float:right; width:596px; } /* 베너 */ .BANNER { padding:2px; border:1px solid #E0E0E0; background:#EFEFEF; overflow:hidden; text-align:center; cursor:pointer; } .B_TYPE_01 { clear:both; width:186px; margin-bottom:11px; } /* LEFT메뉴 INFO STYLE */ .B_TYPE_02 { clear:both; width:186px; margin-bottom:14px; } /* LEFT메뉴 기본 배너1 */ .B_TYPE_03 { clear:both; width:186px; margin-bottom:11px; } /* LEFT메뉴 기본 배너2 */ .B_TYPE_04 { clear:both; width:186px; } .B_TYPE_05 { clear:both; width:101px; margin-bottom:14px; float:left; } /* RIGHT메뉴 기본배너 L */ .B_TYPE_06 { width:101px; margin-bottom:14px; float:right; } /* RIGHT메뉴 기본배너 R */ .B_TYPE_07 { clear:both; width:224px; margin-bottom:11px; } /* RIGHT메뉴 기본배너1 */ .B_TYPE_08 { clear:both; width:224px; margin-bottom:11px; } /* RIGHT메뉴 기본배너2 */ .B_TYPE_09 { clear:both; width:184px; margin-bottom:11px; } .B_TYPE_10 { clear:both; width:85px; margin-bottom:11px; float:left; } .B_TYPE_11 { width:85px; margin-bottom:11px; float:right; } .B_TYPE_12 { clear:both; width:228px; margin-bottom:11px; } /********************************************************************************************************/ /***** HEADER *****************************************************************/ #HEADER { height:124px; position:relative; overflow:hidden; } /********************************************************************************************************/ /***** FOOTER *****************************************************************/ #FOOTER { position:relative; display:block; overflow:hidden; } #FOOTER .BAR { width:930px; height:3px; background:#000; margin-bottom:15px; } #FOOTER .FOOTER_AREA { width:930px; clear:both; text-align:center; overflow-x:hidden; margin-bottom:25px; } .FOOTER_AREA .LOGO { width:205px; height:68px; float:left; padding-top:15px; background:url(../images/common/footer_split.gif) center right no-repeat; } .FOOTER_AREA .LOCAL { width:680px; float:right; text-align:left; } .FOOTER_AREA .LOCAL .MENU { clear:both; height:27px; } .LOCAL .MENU .item { padding:0px 10px 0px 10px; float:left; } .LOCAL .MENU .spl { padding:0px 25px 0px 25px; float:left; background:url(../images/common/footer_menu_split.gif) center no-repeat; } /********************************************************************************************************/ /***** CONTENTS *****************************************************************/ /* 메인 기본 설정 */ #CONTENTS_MAIN { position:relative; overflow-x:hidden; } #CONTENTS_MAIN #MAIN_TOP { width:930px; position:relative; margin-bottom:10px; } #CONTENTS_MAIN #MAIN_CENTER { width:930px; position:relative; text-align:left; } #CONTENTS_MAIN #MAIN_BOTTOM { width:930px; position:relative; overflow-x:hidden; margin-bottom:10px; } #MAIN_CENTER #CONT_LEFT { clear:both; float:left; width:197px; margin-bottom:10px; margin-right:8px; } #MAIN_CENTER #CONT_CENTER { float:left; width:482px; overflow-x:hidden; } #MAIN_CENTER #CONT_RIGHT { float:right; width:230px; overflow-x:hidden; } /* 상단 쇼케이스 */ #MAIN_TOP .TOP_BORDER { width:900px; height:247px; border:5px solid #000; padding:10px; background:#EFEFEF; } .TOP_BORDER #TOP_01 { float:left; width:670px; background:#AAA; } .TOP_BORDER #TOP_01 .ROLL { filter:alpha(opacity=100); cursor:pointer; } .TOP_BORDER #TOP_02 { float:right; width:214px; } .TOP_BORDER #TOP_02 .L01 { height:43px; } .TOP_BORDER #TOP_02 .L02 { width:189px; height:204px; text-align:center; } .TOP_BORDER #TOP_02 .L02 .S01 { height:19px; } .TOP_BORDER #TOP_02 .L02 .S02 { width:214px; height:185px; background:url(../images/main/main_help_bottom.gif) no-repeat; } .TOP_BORDER #TOP_02 #BOARD_01 { display:block; } .TOP_BORDER #TOP_02 #BOARD_02 { display:none; } .TOP_BORDER #TOP_02 #BOARD_03 { display:none; } #MAIN_TOP #RollArea { width:494px; height:245px; overflow:hidden; } /* 중앙 컨텐츠영역 */ #CONT_CENTER .COMM { background:#FFF; margin-bottom:11px; display:block; } #CONT_CENTER .TYPE_01 { width:480px; height:179px; overflow:hidden; } #CONT_CENTER .TYPE_01 .L01 img { border:0px; cursor:pointer; } #CONT_CENTER .TYPE_01 .L02 { width:480px; height:3px; } #CONT_CENTER .TYPE_01 .L03 { width:480px; height:145px; background:url(../images/main/main_center_01_02.gif) center repeat-y; text-align:center; overflow:hidden; } #CONT_CENTER #RIGHT { display:none; } #CONT_CENTER .TYPE_01 .L03 .CBL { float:left; margin-left:12px; margin-top:8px; } #CONT_CENTER .TYPE_01 .L03 .CBR { float:right; margin-top:8px; } #CONT_CENTER .TYPE_01 .L04 { width:480px; height:3px; background:url(../images/main/main_center_01_03.gif) no-repeat; } #CONT_CENTER .TYPE_02 { width:480px; height:160px; } #CONT_CENTER .TYPE_02 .L01 { } #CONT_CENTER .TYPE_02 .L02 { width:480px; height:121px; background:url(../images/main/main_center_02_02.gif) center repeat-y; } #CONT_CENTER .TYPE_02 .L02 .S01 { position:relative; width:450px; margin-left:15px; text-align:right; } #CONT_CENTER .TYPE_02 .L02 .S02 { position:relative; width:448px; height:100px; margin-left:15px; border:1px solid #BBB; overflow:hidden; } #CONT_CENTER .TYPE_02 .L02 .IML { text-align:center; width:75px; border:1px solid #CFCFCF; padding:2px; margin:7px 5px 0px 5px; cursor:pointer; } #CONT_CENTER .TYPE_02 .L02 .IMT { text-align:center; width:75px; font-size:9px; cursor:pointer; margin-top:4px; } #CONT_CENTER .TYPE_02 .L03 { width:480px; height:12px; } #CONT_CENTER .TYPE_03 { width:478px; } #CONT_CENTER .TYPE_03 .L01 { } #CONT_CENTER .TYPE_03 .L02 { width:480px; background:url(../images/main/main_center_03_02.gif) center repeat-y; text-align:center; padding-top:10px; } #CONT_CENTER .TYPE_03 .L03 { width:480px; height:10px; } /* 중앙 오른쪽 컨텐츠영역 */ #CONT_RIGHT .COMM { background:#FFF; margin-bottom:11px; text-align:right; } #CONT_RIGHT .TYPE_01 { width:230px; height:179px; background:url(../images/main/main_qna_frame.gif) 0px 0px no-repeat; overflow:hidden; } #CONT_RIGHT .TYPE_01 .CLK { width:230px; height:35px; display:block; cursor:pointer; } #CONT_RIGHT .TYPE_01 #QNA { padding-left:10px; text-align:left; } #CONT_RIGHT .TYPE_01 .L01 { height:28px; } #CONT_RIGHT .TYPE_01 .L02 { width:230px; height:140px; background:url(../images/main/main_right_01_02.gif) center repeat-y; overflow:hidden; text-align:left; } #CONT_RIGHT .TYPE_01 .L02 .S01 { width:210px; margin-top:5px; margin-left:10px; text-align:right; } #CONT_RIGHT .TYPE_01 .L02 .S02 { width:208px; height:115px; margin-left:10px; border:1px solid #bbb; } #CONT_RIGHT .TYPE_01 #BOARD_01 { display:block; } #CONT_RIGHT .TYPE_01 #BOARD_02 { display:none; } #CONT_RIGHT .TYPE_01 #BOARD_03 { display:none; } #CONT_RIGHT .TYPE_01 .L02 img { border:0px; cursor:pointer; } .blst { width:180px; margin-left:5px; padding:5px 0px 5px 10px; background:url(../images/main/main_right_01_list_item.gif) 0px 9px no-repeat; font-family:dotum,arial; text-align:left; } #CONT_RIGHT .TYPE_01 .L03 { height:11px; background:url(../images/main/main_right_01_03.gif) no-repeat; } /* 서브 설정 */ #CONTENTS_MAIN #SET_SUB { clear:both; width:930px; background:url(../images/common/sub_rect_bg.gif) center repeat-y; margin-bottom:10px; } #SET_SUB #SUB_TOP { width:930px; height:10px; background:url(../images/common/sub_rect_top.gif) no-repeat; } #SET_SUB #SUB_BOTTOM { width:930px; height:12px; background:url(../images/common/sub_rect_bottom.gif) no-repeat; clear:both; } #SET_SUB #SUB_LEFT { float:left; width:200px; overflow-x:hidden; display:block; } #SUB_LEFT dl, dt, dd { margin:0px; padding:0px; border:0px; font-size:12px; font-family:arial,dotum; } #SUB_LEFT dl { margin-bottom:10px; } #SUB_LEFT .LEFT_BANNER { clear:both; padding-left:10px; } #SET_SUB #SUB_RIGHT { float:right; width:700px; overflow-x:hidden; display:block; margin-right:10px; } #SUB_RIGHT .subPageTitle { width:680px; min-height:25px; position:relative; margin:10px 0px 20px 0px; display:block; } #SUB_RIGHT .subImageTitle { float:left; width:300px; } #SUB_RIGHT .subNaviText { float:right; width:300px; text-align:right; padding-top:7px; } #SUB_RIGHT dd { float:left; } #SUB_RIGHT .sub01_01_01 { } #SUB_RIGHT .sub01_common { width:685px; height:60px; margin-bottom:25px; background:url(../images/sub01/sub01_02_line.gif) center bottom no-repeat; } #SUB_RIGHT .sub01_02_01 { width:685px; overflow-x:hidden; } #SUB_RIGHT .sub01_07_proc { width:685px; overflow-x:hidden; text-align:center; margin:10px 0px 10px 0px; } #SUB_RIGHT .campReference { width:439px; margin:0px auto; overflow-x:hidden; } .campReference .middle { width:439px; background:url(../images/sub01/sub01_09_04.gif) repeat-y; text-align:center; } .campReference .bottom { width:439px; height:54px; background:url(../images/sub01/sub01_09_06.gif) no-repeat; text-align:center; } #SUB_RIGHT .sub03 { width:685px; position:relative; overflow-x:hidden; } #SUB_RIGHT .sub03 .policy { margin-left:5px; margin-top:25px; } #SUB_RIGHT .sub03 .policyTitle { margin-bottom:10px; } #SUB_RIGHT .sub03 .policyView { width:660px; height:320px; padding:5px 10px 5px 5px; border:1px solid #CCC; overflow-x:hidden; overflow-y:scroll; } #SUB_RIGHT .sub03_05_auth { width:439px; height:130px; background:url(../images/sub03/sub03_05_02.gif) no-repeat; margin-top:100px; } #SUB_RIGHT .sub03 .eventView { margin-bottom:15px; } #SUB_RIGHT .sub03 .eventTitle { width:660px; padding:7px 15px 5px 15px; background:#EFEFEF; margin-bottom:5px; font-weight:bold; } .eventTitle .left { float:left; } .eventTitle .right { float:right; padding-bottom:5px; } #SUB_RIGHT .sub03 .eventComment { width:685px; padding-bottom:10px; border-bottom:2px solid #DFDFDF; text-align:center; } #SUB_RIGHT .sub03 .eventItem { width:685px; height:165px; background:url(../images/sub03/sub03_03_list_rect.gif) no-repeat; } .eventItem .evTitle { height:25px; background:#EFEFEF; color:#505050; font-weight:bold; font-size:13px; padding-left:7px; } .eventItem .evLabel { width:75px; padding-left:5px; font-family:dotum,arial; } .eventItem .evField { width:290px; font-family:dotum,arial; } #SUB_RIGHT .sub01_08_board { width:685px; overflow-x:hidden; } #SUB_RIGHT .GalleryMain { width:680px; height:29px; background:url(../images/common/gallery_bg_default.gif) left repeat-x; } .GalleryMain .G_LEFT { width:30px; height:29px; float:left; background:url(../images/common/gallery_bg_left.gif) no-repeat; } .GalleryMain .G_RIGHT { width:5px; height:29px; float:right; background:url(../images/common/gallery_bg_right.gif) no-repeat; } .GalleryMain .G_SPLIT { width:50px; height:29px; background:url(../images/common/gallery_split.gif) center center no-repeat; float:left; } .GalleryMain .G_LIST { float:left; height:29px; } .GalleryMain .G_TITLE { float:left; height:29px; color:#FF5C00; padding-top:6px; } .GalleryList { width:680px; height:145px; border-bottom:1px solid #DFDFDF; } .GalleryList .g_item { float:left; width:136px; height:125px; text-align:center; margin-top:10px; } .GalleryList .g_item .img { width:110px; height:90px; padding:1px; border:2px solid #EFEFEF; background:#CCC; text-align:center; cursor:pointer; overflow:hidden; } .GalleryList .g_item .text { width:113px; margin-top:5px; text-align:center; font-size:11px; cursor:pointer; } .GalleryView { width:680px; border-bottom:1px solid #CFCFCF; margin-bottom:20px; } .GalleryView .G_COMMENT { width:660px; overflow-x:hidden; margin:20px 0px 50px 10px; } .GalleryInfo { width:680px; height:29px; border-bottom:1px solid #CFCFCF; } .GalleryInfo .G_NAME { float:left; margin-left:20px; padding-top:7px; } .GalleryInfo .G_DATE { float:right; margin-right:20px; padding-top:7px; } /* 게시판 스타일. */ .boardList { width:680px; } .boardList .BAR { width:680px; height:29px; background:url(../images/common/board_bg_default.gif) repeat-x; } .boardList .BAR .B_LEFT { float:left; width:6px; height:29px; background:url(../images/common/board_bg_left.gif) no-repeat; } .boardList .BAR .B_RIGHT { float:right; width:5px; height:29px; background:url(../images/common/board_bg_right.gif) no-repeat; } .boardList .BAR .B_SPLIT { float:left; width:20px; height:29px; background:url(../images/common/board_bg_split.gif) center no-repeat; } .boardList .BAR .B_01 { float:left; text-align:center; width:50px; } .boardList .BAR .B_02 { float:left; text-align:center; width:394px; } .boardList .BAR .B_02_2 { float:left; text-align:center; width:480px; } .boardList .BAR .B_03 { float:left; text-align:center; width:85px; } .boardList .BAR .B_04 { float:left; text-align:center; width:75px; } .boardList .BAR .B_05 { float:left; text-align:center; width:75px; } .boardView { width:680px; margin-bottom:20px; } .boardView .BAR { width:680px; height:29px; background:url(../images/common/board_bg_default.gif) repeat-x; } .boardView .BAR .B_LEFT { float:left; width:6px; height:29px; background:url(../images/common/board_bg_left.gif) no-repeat; } .boardView .BAR .B_RIGHT { float:right; width:5px; height:29px; background:url(../images/common/board_bg_right.gif) no-repeat; } .boardView .BAR .B_CONT { float:left; width:650px; padding-top:7px; } .boardView .BAR .B_CONT div { color:#FD3400; } .boardView .INFO { width:680px; height:27px; border-bottom:1px solid #E0E0E0; } .boardView .INFO .LEFT { float:left; padding-left:25px; padding-top:5px; } .boardView .INFO .RIGHT { float:right; padding-right:20px; padding-top:5px; } .boardView .VIEW { width:680px; border-bottom:1px solid #E0E0E0; } .boardView .VIEW #COMMENT { margin:25px 10px 50px 10px; clear:both; overflow-x:hidden; } .boardView .MENU { margin-top:10px; height:25px; } .boardView .MENU .LEFT { float:left; } .boardView .MENU .RIGHT { float:right; } .boardWrite { width:680px; } .boardWrite .writeTop { border-top:3px solid #DFDFDF; } .boardWrite .writeLabel { padding-left:20px; background:#F5F5F5; border-right:1px solid #DFDFDF; border-bottom:1px solid #DFDFDF; } .boardWrite .writeField { padding-left:10px; background:#FFF; border-bottom:1px solid #DFDFDF; } /* 캠프 신청 영역. */ .campTable { width:650px; border:1px solid #AAA; background:#FFF; margin-bottom:5px; } .campTable .regLabel { width:100px; text-align:center; color:#FFF; background:#505050; padding:1px; } .campTable .regLabel2 { width:100px; background:#EAEAEA; padding:1px 1px 1px 15px; } .campTable .regField { width:460px; height:30px; background:#FAFAFA; padding:1px 1px 1px 5px; } .campTable .sMoney { padding-right:25px; } /* 캠프신청조회 영역 테이블 가이드 */ .mainTable { width:680px; border:1px solid #AAA; background:#FFF; margin-bottom:15px; } .mainTable td { font-family:dotum; } .mainTable .groupLabel { text-align:center; color:#FFF; background:#505050; padding:1px; } .mainTable .setLabel { background:#EAEAEA; padding:1px 1px 1px 15px; } .mainTable .setField { height:30px; background:#FAFAFA; padding:1px 1px 1px 5px; } .mainTable .centerField { height:30px; background:#EAEAEA; text-align:center; padding:10px; } /********************************************************************************************************/ /***** 페이징 영역 *****************************************************************/ .nextChapter, .prevChapter { float:left; display:block; width:17px; height:16px; text-align:center; padding-top:2px; } .nextPage, .prevPage { float:left; display:block; width:17px; height:16px; text-align:center; padding-top:2px; } .setPage { float:left; display:block; width:22px; height:16px; text-align:center; color:#FFF; font-weight:bold; background:url(../images/common/board_num_bg_select.gif) center center no-repeat; } .idlePage { float:left; display:block; width:22px; height:16px; text-align:center; color:#000; background:url(../images/common/board_num_bg_idle.gif) center center no-repeat; } .PageCount { width:680px; padding:10px 0px 10px 0px; text-align:center; } .PageCount .LEFT { float:left; } .PageCount .RIGHT { float:right; text-align:right; } /********************************************************************************************************/ /***** *****************************************************************/ .inputText { border:1px solid #BBB; font-size:12px; padding-top:2px; height:15px; color:#606060; } /********************************************************************************************************/ .tableRect { width:350px; border:3px solid #F5F5F5; } .authTable { width:350px; border:2px solid #EFEFEF; } #RightTag { position:absolute; top:180px; left:-5000px; width:101px; overflow-x:hidden; z-index:1000; }