#wrapper{width:100%; text-align:center; background:url(/images/main/top_bg.jpg) repeat-x; min-height:110px; background-position:center top;} #header{position:relative; width:1000px; height:110px; margin:0 auto; text-align:left;} #header h1{position:absolute; left:0; top:40px;} .mini_top{position:absolute; top:0; right:0;} #top{position:relative; width:1000px; height:20px; margin:0 auto; } #mini_top{position:absolute; top:0px; right:0px; font-size:11px; color:#caccd2;} .navi{position:absolute; top:73px; left:410px; } /*#header{position:relative; width:1000px; height:100px; margin:0 auto; text-align:left; z-index:100;} .logo{position:absolute; top:20px; left:0; } .navi{position:absolute; top:52px; left:410px; }*/ #bar{width:100%; background:url(/images/sub/sub_bg.jpg) repeat-x; min-height:70px;} #visual{position:relative; width:1400px; height:450px; margin:0 auto; text-align:left; } #bottom { position:relative; width:1000px; height:405px; margin:0 auto; top:30px;} #bottom .btm1 {float:left; width:362px; text-align:left; } #bottom .btm2 {float:left; width:638px; height:161px; text-align:left; } #bottom .btm3 {float:left; width:638px; height:161px; text-align:left; } #bottom .btm4 {float:left; width:638px; height:234px; text-align:left; } #bottom .btm5 {float:left; width:440px; height:234px; text-align:left; } #bottom .btm6 {float:left; width:186px; height:234px; text-align:left; } #foot{background-color:#34373c; width:100%; height:100px; margin-top:60px;} .copy{position:relative; width:1000px;height:80px; padding-top:20px; margin:0 auto; } .submenu{ position:relative; margin:0 auto;width:1000px; overflow:hidden; text-align:center;} .subpage{ margin:0 auto; width:980px; text-align:left; min-height:422px;} /* title */ .title{position:relative; width:1000px; height:40px; text-align:left; background:url(/images/title/title_bg.jpg ) no-repeat center top; } .sub_title_top{position:absolute; top:35px;right:0; font-family:Dotum; margin-top:80px;} /*네비*/ #nav {margin:0;float:left; width:605px; height:22px; text-align:left; } #nav ul, #nav li {margin:0;} #nav li {list-style:none; float:left;} #nav a {display:block; padding-top:0px; font-weight:bold; text-decoration:none;} #nav li ul {display:none; position:absolute; /*li의 자식인 ul을 숨겨둡니다.;*/} #nav li.on ul {display:block; /*활성화된 li의 자식인 ul만 보여줍니다.*/ } #nav .menu1{position:absolute;} #nav .menu1 div ul{position:absolute;} /*#nav .menu1 ul{width:778px;}*/ #nav .bmenu1, .bmenu2, .bmenu3, .bmenu4, .bmenu5{float:left;position:absolute; z-index:50; } #nav .bmenu1{margin-left:0px;} #nav .bmenu2{margin-left:146px;} #nav .bmenu3{margin-left:292px;} #nav .bmenu4{margin-left:438px;} #nav .bmenu5{margin-left:505px;} #nav .smenu1, .smenu2, .smenu3, .smenu4, .smenu5{ float:left; z-index:50;} #nav .smenu1{margin-top:39px; width:450px; margin-left:5px;display:inline; z-index:50;} #nav .smenu2{margin-top:39px; width:300px; margin-left:60px;display:inline; z-index:50;} #nav .smenu3{margin-top:39px; width:450px; margin-left:100px;display:inline; z-index:50;} #nav .smenu4{margin-top:39px; width:300px; margin-left:220px;display:inline; z-index:50;} #nav .smenu5{margin-top:39px; width:350px; margin-left:235px; display:inline;} .navi_nemo {float:right; width:585px; height:40px;padding-top:15px;} .top_menu:after { /* after */ content:"."; display:block; height:0; clear:both; visibility:hidden; } *html .top_menu { height:1%;} /* IE5, IE6 을 위한 규칙 */ *:first-child+html .top_menu { height:1%;} /* IE7 을 위한 규칙 */ #LeftMenu div{position:relative;height:15px; margin:0 auto; text-align:center; } #LeftMenu .lnb h3 {display:inline;/*border:1px solid green */ } /* board */ .boardtb {width:100%; font-size:12px; line-height:18px;} .boardtb th {height:30px; border-top:2px solid #cccccc; border-bottom:1px solid #e1e1e1; background:#fbfbfb; color:#777;line-height:34px;} .boardtb td {padding:5px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;} .boardtb .ttal {text-align:center;} .boardtb .last {border-bottom:1px solid #8b9ba9;} .boardtb td a:hover {color:#222;} .boardtb .iconpd {position:relative; top:3px;} .baordsc {float:right; font-size:12px; line-height:18px; margin-top:20px;} .baordsc .bginput {width:180px; height:24px; border:1px solid #e7e7e7; background:#f5f5f5; line-height:22px; } .boardlist {width:100%; font-size:12px; line-height:18px; border-top:2px solid #0068c8; border-bottom:1px solid #959595; } .boardlist th {height:35px; font-size:13px; font-family:'nanum',Dotum,Arial,sans-serif; color:#777; text-align:center; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; background:#fbfbfb;} .boardlist td {font-size:12px; font-family:'nanum',Dotum,Arial,sans-serif; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; text-align:left; padding-left:10px;} .boardlist input, textarea {border:1px solid #e1e1e1;} .coment_tb {width:100%; font-size:12px; line-height:18px; border-top:1px solid #0068c8; border-bottom:1px solid #e1e1e1;} .coment_tb th {height:35px; font-size:13px; font-family:'nanum',Dotum,Arial,sans-serif; color:#777; text-align:center; border-top:1px solid #e1e1e1; background:#fbfbfb;} .coment_tb td {font-size:12px; font-family:'nanum',Dotum,Arial,sans-serif; border-top:1px solid #e1e1e1; text-align:left; padding-left:10px;} .coment_tb input, textarea {border:1px solid #e1e1e1;} .bd_btn {margin-top:30px; padding:0;} .bd_btn .admin {float:left; } .bd_btn2 {overflow:hidden; position:relative; margin-top:30px; margin-right:280px; padding:0; float:right; } .bd_btn2 a {vertical-align:top;} .nblink {height:40px; text-align:center; } /* btn-Style */ .btnType01 {height:26px; position:relative; width:720px; text-align:right; margin-top:20px; margin-bottom:30px;} .btnType01 .submit {border:1px solid #000; } .btnType01 .admin {float:left;} .btnType01 input.btn_img {} .btnType02 {overflow:hidden; margin:20px 0; padding:0; width:1000px; text-align:center; } .boardlist {width:100%; font-size:12px; line-height:18px; border-top:2px solid #e1e1e1; border-bottom:1px solid #959595; margin-top:30px;} .boardlist th {height:35px; font-size:13px; color:#777; text-align:center; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; background:#fbfbfb;} .boardlist td {font-size:12px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; text-align:left; padding-left:10px;} .boardlist input, textarea {border:1px solid #e1e1e1;} /* 갤러리Style */ .tbl_type3_view {border-top:1px solid #cccccc;} .tbl_type3_view th,.tbl_type1_view td {border:0} .tbl_type3_view {width:100%;border-bottom:1px solid #e1e1e1;text-align:left;} .tbl_type3_view caption{display:none} .tbl_type3_view th{padding:9px 9px 9px 10px;border-bottom:1px solid #e1e1e1;text-align:left;font-weight:bold;} .tbl_type3_view td{padding:9px 9px 9px 10px;border-bottom:1px solid #e1e1e1;color:#4c4c4c;text-align:left;} .tbl_type3_view .line {background:url('/images/sub02/center_line2.gif') 0 15px no-repeat;} .tbl_type3_view .subject {color:#cccccc;font-size:16px;font-family:"dotum";} .tbl_type3_view .subject2 {color:#6b7583;} .tbl_type3_view .gray_txt {color:#609401;font-weight:bold;} .tbl_type3_write {border-top:1px solid #cccccc;} /*.tbl_type2_write label {display: none;}*/ .tbl_type3_write th,.tbl_type1_write td {border:0} .tbl_type3_write {width:100%;border-bottom:1px solid #e1e1e1;text-align:left;} .tbl_type3_write caption{display:none} .tbl_type3_write th{padding:9px 9px 9px 10px;border-bottom:1px solid #e1e1e1;color:#555;text-align:left;font-weight:bold;font-size:12px;} .tbl_type3_write td{padding:9px 9px 9px 10px;border-bottom:1px solid #e1e1e1;color:#757575;text-align:left;} .tbl_type3_write .line {background:url('../images/sub01/center_line2.gif') 0 15px no-repeat;} /* Visual -----------------------------------------------------------------------------*/ .visualWrap {overflow:hidden; position:relative; width:100%; height:450px; z-index:-1;} .slider_panel {width:100%; height:450px; position:relative;} .slider_image {position:absolute; left:0; top:0; width:100%; height:540px; opacity:0;} .slider_panel .img1 {background:url('/images/main/visual1.jpg') no-repeat center top;} .slider_panel .img2 {background:url('/images/main/visual2.jpg') no-repeat center top;} .slider_panel .img3 {background:url('/images/main/visual3.jpg') no-repeat center top;} .slider_panel .img4 {background:url('/images/main/visual4.jpg') no-repeat center top;} .slider_text_panel {position:absolute; top:0px; left:0px; width:100%; height:450px;} .slider_text_panel .slider_text {width:1400px; height:200px; position:absolute; left:50%; top:0; margin-left:-570px; } .slider_text_panel .txt1 .text1 {position:absolute; left:37%; top:165px; opacity:0; filter:alpha(opacity=1);} .slider_text_panel .txt1 .text2 {position:absolute; left:43%; top:235px; opacity:0; filter:alpha(opacity=1); width:400px; } .slider_text_panel .txt2 .text1 {position:absolute; left:37%; top:165px; opacity:0; filter:alpha(opacity=1);} .slider_text_panel .txt2 .text2 {position:absolute; left:43%; top:235px; opacity:0; filter:alpha(opacity=1); width:400px; } .slider_text_panel .txt3 .text1 {position:absolute; left:37%; top:165px; opacity:0; filter:alpha(opacity=1);} .slider_text_panel .txt3 .text2 {position:absolute; left:43%; top:235px; opacity:0; filter:alpha(opacity=1); width:400px; } .slider_text_panel .txt4 .text1 {position:absolute; left:37%; top:165px; opacity:0; filter:alpha(opacity=1);} .slider_text_panel .txt4 .text2 {position:absolute; left:43%; top:235px; opacity:0; filter:alpha(opacity=1); width:400px; } .control_panel {position:absolute; top:530px; left:50%; margin-left:0px; width:100px; height:20px; overflow:hidden; z-index:999; } .control_panel .control_button { position:relative; float:left; cursor:pointer; display:inline-block;background:url(/images/main/off.png) no-repeat; width:15px; height:14px; margin-top:0px; margin-left:10px} .control_panel .control_button.active {background:url(/images/main/on.png) no-repeat; width:15px; height:14px; margin-top:0px; } .control_panel .first {margin-left:10px;} .view_img_box{position:relative; width:716px; height:435px; margin:0 auto; text-align:left;} .view_bimg{float:left; width:574px; height:435px; } .view_sbox{float:right; width:138px; height:435px;} .view_simg{ width:138px; height:105px; } .view_table{width:100%; border-top:2px solid #dcdcdc;} .view_table th{text-align:left; height:35px; font-size:13px; color:#7d7d7d; font-weight:bold; padding-left:15px; background:#f7f7f7; border-bottom:1px solid #dcdcdc;} .view_table td{text-align:left; height:35px; font-size:13px; color:#7d7d7d; font-weight:normal; padding-left:20px; border-bottom:1px solid #dcdcdc;}