@charset "euc-kr"; /* ※ 현재 CSS는 IE 7.0, FireFox 3.0에서 최적화 되었습니다. =========================== 크로스 브라우징 체크 버전 =============================== l IE 6.0~8.0, 파폭2.x~, 오페라 8.x~ ,사파리 3,x, 크롬등에서 디버깅이 완료 되었으며, l l www.w3r.org HTML 유효한 페이지 검증이 마쳤습니다. l l ID:Main과 몇몇 서브 페이지 접근성 관련하여 작업 완료. l ===================================================================================== ============================================================== l 퍼블리셔팀 김성엽배상 l l 이지넷 개발부 (주)아이지앤씨 l l 서울시 서초구 서초동 1599-11 리더스빌딩 14층 l l TEL : 1544-5780(02-525-2250) FAX : 02-525-2239 l l http://www.eznetsol.co.kr l l e-mail : sung@eznetsol.co.kr or krlak123@nate.com l l 작성일자 :2011. xx. xx ~ l ============================================================== */ /* 임폴트 CSS */ /* 게시판 CSS */ @import url("/css/bbs.css?v1"); /* 멤버쉽 CSS */ @import url("/css/member.css"); /* 멤버쉽 CSS */ @import url("/css/font.css"); /* 프린트 CSS @import url("/css/print.css");*/ /* layout */ /* base */ body{ font:12px "Tahoma"; color:#555; margin:0 auto; padding:0; line-height:normal; background:url(/img/bg.gif) repeat-x; } /* ::::Start:::: ID:Body */ #body{ width:100%; margin:0 auto; } /* ::::Start:::: ID:Warp */ #wrap{ width:930px; margin:0 auto; /*background:url(/img/cont_body_bg.png) repeat-y 0 100px; _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/cont_body_bg.png',sizingMethod='scale');*/ } #pop_body{ width:595px; } /*skip navi*/ #skip a { display: block; position: fixed; top: -200px; left: 0px; text-align: center; width: 100%; padding: 8px 0; font-size: 16px; color: #FFFFFF; background-color: #1F75BE; z-index: 9999999999; } #skip a:focus, #skip a:active { top: 0px; text-decoration: none; } /* ::::Start:::: ID:Header */ #header{ position:relative; width:100%; /*background:url(/img/top_bg.gif) no-repeat;*/ position:relative; z-index:100; } /* ::::Start:::: ID:Logo */ #logo{ position:absolute; top:21px; z-index:100; } /* #logo h1{ width:446px; height:38px; background:url(/img/logo.gif) no-repeat; _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/logo.gif',sizingMethod='false'); overflow:hidden; } #logo a:link, #logo a:visited{ display:block; padding-top:150px; } */ /* ID:Logo ::::End:::: */ /* ::::Start:::: ID:Top */ #top{ width:100%; height:100px; } #top ul{ position:absolute; top:10px; right:10px; overflow:hidden; width:327px; /*padding:8px 0 30px 0;*/ } #top li{ float:left; font-family:Arial; } /*#top li span{ padding:0 6px; }*/ #top li a:link, #top li a:visited{ font-family:Arial; font-weight:bold; } .top_sns{ position:absolute; top:66px; right:10px; color:#114B5E; font-size:11px; } .top_sns img{ vertical-align:text-bottom; padding-left:2px; position:relative; top:2px} .top_net{ color:#114B5E; padding-top:10px; } /* ID:Top ::::End:::: */ /* ::::Start:::: ID:Menu */ #main_menu{ width:100%; height:85px; background:url(/img/menu_bg.gif) no-repeat 50% 0; } #main_menu p{ position:absolute; z-index:155; } #main_menu p a:link, #main_menu p a:visited{ display:block; background:url(/img/home_on.gif) no-repeat; width:56px; height:45px; overflow:hidden; margin:0 0 0 15px; } #main_menu p a:hover, #main_menu p a:active, #main_menu p a:focus{ background:url(/img/home_off.gif) no-repeat; } #main_menu p span{ display:block; padding-top:55px; } #main_menu ul{ position:absolute; z-index:150; width:849px; height:70px; overflow:hidden; padding:11px 0 0 80px; } #main_menu ul li{ float:left; } #main_menu ul li img{ } #main_menu ul li a:link, #main_menu ul li a:visited{ display:block; font-size:14px; line-height:37px; font-weight:bold; color:#074255; padding:0 0 0 55px; } #main_menu ul li a:hover, #main_menu ul li a:active, #main_menu ul li a:focus{ color:#037D5A; } #main_menu ul li ul{ top:48px; width:830px; padding:0 0 0 0; height:auto; overflow:hidden; } #main_menu ul li ul li{ } #main_menu ul li ul li a:link, #main_menu ul li ul li a:visited{ font-size:13px; line-height:32px; font-weight:normal; background:#fff; padding:0 16px; } #main_menu ul li ul li a:hover, #main_menu ul li ul li a:active, #main_menu ul li ul li a:focus{ background:#19948E; font-weight:normal; color:#fff; padding:0 16px; } /* 메뉴 온 */ #main_menu ul li a:link strong, #main_menu ul li a:visited strong, #main_menu ul li .m_menu_on:link, #main_menu ul li .m_menu_on:visited{ color:#037D5 !important; } #main_menu ul li ul li .menu_on:link, #main_menu ul li ul li .menu_on:visited, #main_menu ul li ul li .menu_on:focus{ background:#047195; color:#fff; font-weight:bold; padding:0 12px; } #mainMenus_1, #mainMenus_2, #mainMenus_3, #mainMenus_4, #mainMenus_5, #mainMenus_6, #mainMenus_7{ display:none; } #mainMenus_1{ left:133px; } #mainMenus_2{ left:250px; } #mainMenus_3{ left:342px; } #mainMenus_4{ left:298px; } #mainMenus_5{ left:617px; } #mainMenus_6{ left:517px; } /* ID:Menu ::::End:::: */ /* ID:Header ::::End:::: */ /* ::::Start:::: ID:Container */ #container{ overflow:hidden; position:relative; z-index:160; background:url(/img/cont_body_bg.png) repeat-y; _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/cont_body_bg.png',sizingMethod='scale'); padding:20px 0 0 20px; width:910px} /* ::::Start:::: ID:Contents */ #contents{ float:left; width:595px; padding-bottom:30px;} /* Site Navigation */ .site_navi{ padding-bottom:10px; } .site_navi ul{ background:#fff; border:1px solid #96C6C3; padding:8px 9px 8px 9px; } .site_navi li{ display:inline; font-size:11px; color:#114B5E; } .site_navi li a { font-size:11px; color:#114B5E;} .site_navi li strong{ font-weight:bold; color:#165A6F; } .site_navi li a:link strong, .site_navi li a:visited strong{ font-size:11px; font-weight:bold; color:#666666; } /* ::::Start:::: ID:Main */ #main{ float:left; width:595px; padding:0 0 20px 0; } .main_img img { width:595px; height:290px; } .main_text{ width:595px; height:290px; position:absolute; z-index:155; } .main_text p{ position:absolute; z-index:155; display:block; left:0; bottom:0; width:595px; background:url(/img/main/black_bak.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/main/black_bak.png',sizingMethod='scale'); } .main_text p a:link, .main_text p a:visited{ font-size:12px; display:block; color:#fff; line-height:14px; padding:18px 0 18px 18px; } #mains2, #mains3, #mains4, #mains5, #mains6{ display:none; } .main_navi{ position:relative; text-align:center; background:#000; padding:13px 0 10px 0; margin:0 0 20px; } .main_navi li{ display:inline-block; } .main_navi li a { display:block;} *:first-child+html .main_navi li { display:inline;} .main_navi > .btnControl { position:absolute; top:12px; right:9px; overflow:hidden; text-align:right; } .cont_title_main { margin:25px 0 0 0; } /* ID:Main ::::End:::: */ /* ::::Start:::: NAME:Projects */ /* 프로젝트 바디 시작 */ /*.projects_body{ width:595px; height:196px; margin-bottom:20px; background:url(/img/project_body.gif) no-repeat; } .projects_body img, .projects_body input{ vertical-align:middle; } .projects_body h2{ float:left; width:489px; font-size:14px; line-height:38px; padding:0 0 2px 10px; font-weight:bold; color:#fff; } .projects_author{ float:left; width:86px; text-align:center; padding:12px 0 0 0; color:#fff; } .projects_head{ padding:7px 0 8px 19px; } .projects_img{ position:absolute; z-index:150; padding:0 0 0 20px; } .projects_img img{ padding:4px; border:1px solid #ccc; } .projects_cont{ padding:0 25px 0 180px; } .projects_cont p{ height:88px; padding:2px 0 0 0; } .projects_cont p a:link, .projects_cont p a:visited{ } .projects_cont p a:hover, .projects_cont p a:active, .projects_cont p a:focus{ } body #warp .read_more:link, body #warp .read_more:visited{ font-size:10px; color:#009966; } body #warp .read_more:hover, body #warp .read_more:active, body #warp .read_more:focus{ }*/ .sns_cont li{ float:left; height:24px; } .pj_face{ background:url(/img/pj_face_bg.gif) no-repeat right top; margin-right:5px; } * html .pj_face{ background:url(/img/pj_face_bg.gif) no-repeat right 1px !important; } .pj_face span{ padding:1px 5px 0 4px; } .pj_twe{ background:url(/img/pj_tw_bg.gif) no-repeat right top; margin-right:20px; } * html .pj_twe{ background:url(/img/pj_tw_bg.gif) no-repeat right 1px !important; } .pj_twe span{ padding:0 6px 0 4px; } .pj_sha{ background:url(/img/pj_sh_bg.gif) no-repeat right top; margin-right:20px; } * html .pj_sha{ background:url(/img/pj_sh_bg.gif) no-repeat right 1px !important; } .pj_sha span{ padding:0 8px 0 6px; } /* 프로젝트 바디 끝 */ /* NAME:Projects ::::End:::: */ /* ID:Contents ::::End:::: */ /* ::::Start:::: ID:Sider*/ #sider{ float:right; width:285px; } /* Login Form */ .login{ padding:0 0 20px 14px; } .login dl{ line-height:20px; } .login dt{ float:left; width:70px; padding-bottom:5px; } .login dd{ float:left; width:170px; padding-bottom:5px; } .log_input_01{ width:166px; height:20px; padding:2px 0 0 4px; border:none; background:url(/img/log_input_bg01.gif) no-repeat; } .log_txt01{ width:153px !important; padding-top:6px; padding-bottom:9px !important; } .log_txt01 a:link, .log_txt01 a:visited{ color:#1F497D; font-weight:bold; text-decoration:underline; } .log_txt02{ width:87px !important; padding-top:6px; padding-bottom:9px !important; } .login p{ } .login p a:link, .login p a:visited{ color:#1F497D; font-weight:bold; text-decoration:underline; } .profile{ padding:0 0 20px 14px; } .profile h4{ color:#047195; padding-bottom:5px; } .profile h4 strong{ font-size:13px; color:#666; } /* 프로필 사진 */ .profile_img{ float:left; width:102px; } .profile_img img{ border:1px solid #CFCFCF; } /* 프로필 작성자 정보 */ .profile_text{ float:left; width:143px; } .profile_text_nation{ color:#047195; padding:4px 0 7px 0; } .profile_text_nation img{ vertical-align:middle; border:1px solid #CFDAA5; } .nation_txt{ /*color:#047195;*/ } .nation_txt strong{ font-weight:normal; } .nation_txt img{ vertical-align:middle; border:1px solid #CFDAA5; } /* 라운드 BG 상단 */ .profile_tp_bg{ width:143px; height:3px; overflow:hidden; background:url(/img/r_tp_bg.gif) no-repeat; } /* 라운드 BG 하단 */ .profile_bt_bg{ width:143px; height:3px; overflow:hidden; background:url(/img/r_bt_bg.gif) no-repeat; } /* 프로필 정보 */ .profile_body{ background:url(/img/r_bg.gif) repeat-y; padding:9px 10px; } .profile_body p{ line-height:13px; } /* 프로필 작성자 정보 끝 */ .profile dl{ padding:8px 0 14px 5px; } .profile dl dt{ font-size:13px; } .profile dl dt em{ font-size:11px; color:#999; } .profile dl dt a:link, .profile dl dt a:visited{ font-size:13px; } .profile dl dt a:hover, .profile dl dt a:active, .profile dl dt a:focus{ color:#047195; } .profile dl dt .pro_on:link, .profile dl dt .pro_on:visited{ color:#047195; } .profile dl dd p{ background:url(/img/list_01.gif) no-repeat left 8px; } .profile dl dd a:link, .profile dl dd a:visited{ display:block; line-height:18px; padding-left:9px; } .profile ul{ padding:0 0 10px 5px; } .profile li a:link, .profile li a:visited{ color:#047195; text-decoration:underline; } .singout_btn{ text-align:right; padding:0 31px 0 0; } /* Event Body */ .event_body{ padding:0 27px 0 14px; } .event_body p{ border:1px solid #96C6C3; background:#fff; margin-bottom:4px; padding:7px 9px; } .event_body p a:link, .event_body p a:visited{ font-size:13px; color:#000; } .event_body p a:hover, .event_body p a:active, .event_body p a:focus{ } .event_body p a:link em, .event_body p a:visited em{ font-weight:bold; color:#047195; } .event_body ul{ padding-bottom:10px; } .event_body li{ padding-bottom:10px; } .event_body li img{ border:1px solid #96C6C3; width:242px; } /* Resoure Body */ .reso_body{ width:285px; overflow:hidden; } .reso_body ul{ padding-left:14px; } .reso_body li{ float:left; margin-right:16px; margin-bottom:16px; } .reso_body li img{ border:1px solid #96C6C3; width:112px; } .reso_body li p{ text-align:center; position:absolute; z-index:155; margin:91px 0 0 0; } .reso_body li strong{ cursor:pointer; display:block; text-align:center; width:113px; height:24px; line-height:12px; font-size:12px; font-weight:bold; color:#fff; background:url(/img/reso_bg_gray.png) no-repeat 1px 0; _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/reso_bg_gray.png',sizingMethod='crop'); } .reso_line_01{ padding:5px 0 0 0; } .reso_line_02{ padding:5px 0 0 0; } /* Magazine Body */ .magazine_body{ margin:0 29px 20px 10px; height:106px; padding:0 10px; background:#fff; border:1px solid #E5E5E5; } .magazine_body p{ float:left; width:68px; padding:9px 0 0 0; } .magazine_body ul{ float:left; width:156px; padding:17px 0 0 0; } .magazine_body a:link strong, .magazine_body a:visited strong{ display:block; padding-bottom:5px; } .magazine_body a:link, .magazine_body a:visited{ display:block; line-height:14px; } .magazine_body .magazine_more:link, .magazine_body .magazine_more:visited{ text-align:right; font-size:11px; color:#047195; text-decoration:underline; padding:9px 2px 0 0; } /* ID:Sider ::::End:::: */ /* ID:Container ::::End:::: */ /* ID:Body ::::End:::: */ /* ::::Start:::: ID:Footer Body */ /* #footer_body{ background:url(/img/foot_body_bg.gif) repeat-x left -13px; margin:0 auto; }background: left -13px 추가 */ #footer_body{ margin:0 auto; }/*2017-04-13 background 삭제*/ /* #footter_all{ width:100%; margin:0 auto; background:url(/img/footer_bg.jpg) no-repeat center -4px; }background:url(/img/footer_bg.jpg) no-repeat center bottom; */ #footter_all{ width:100%; margin:0 auto; }/*2017-04-13 background 삭제*/ /* ::::Start:::: ID:Footer */ #footer{ width:930px; margin:0 auto; background:url(/img/foot_head_bg.gif) no-repeat left top; padding-top:21px; }/* background:url(/img/foot_head_bg.gif) no-repeat 0 21px;*/ /* ::::Start:::: CLASS:Eco Site */ /* .eco_site{ position:relative; z-index:165; width:100%; height:270px; background:url(/img/foot_eco_bg.gif) no-repeat 2px 50px; }height:328px; background:url(/img/foot_eco_bg.gif) no-repeat 2px 63px; */ .eco_site{ z-index:165; width:100%; height:270px; background:url(/img/foot_eco_bg.gif) no-repeat 2px 50px; }/*height:328px; background:url(/img/foot_eco_bg.gif) no-repeat 2px 63px;*/ .eco_site h2{ text-align:center; font-size:15px; height:43px; color:#fff; font-weight:bold; /*filter:shadow(color:black, strength:1, direction:120); text-shadow:1px 1px black;*/ padding:10px 0 0 0; } .eco_site ul{ padding:0 31px 0 18px; } .eco_site ul li{ float:left; line-height:12px !important;} .eco_site ul li ul{ padding:0 0 0 0; } .eco_site ul li ul li{ float:none; } .eco_site ul li a {color:#666} .eco_site ul li a:link, .eco_site ul li a:visited{ display:block; font-weight:bold; padding:1px 0 3px 22px; line-height:12px; } .eco_site ul li a:hover, .eco_site ul li a:active, .eco_site ul li a:focus{ color:#3e6dc9; } .eco_site ul li ul li a:link, .eco_site ul li ul li a:visited{ font-weight:normal; padding-left:4px 0 0 22px; line-height:130%; } .eco_site ul li ul li a:hover, .eco_site ul li a:active, .eco_site ul li ul li a:focus{ text-decoration:underline; } .eco_site_menu_01{ width:159px; } .eco_site_menu_02{ width:138px; } .eco_site_menu_03{ width:153px; } .eco_site_menu_04{ width:129px; } .eco_site_menu_05{ width:165px; } .eco_site_menu_06{ width:137px; } /* CLASS:Eco Site ::::End:::: */ /* ::::Start:::: CLASS:Footer */ .footer{ position:relative; width:913px; height:60px; background:url(/img/foot_bottom_bg.gif) no-repeat 100% 0; } .foot_in{ } .foot_logo { vertical-align:middle; } .foot_logo ul { position:absolute; top:3px; left:10px; overflow:hidden; width:100px } .foot_logo ul li { float:left; margin-left:6px;/*0610_margin-left:6px;추가*/} /* .foot_copy{ position:absolute; top:6px; left:208px; color:#666; } */ .foot_copy{ position:absolute; top:12px; left:145px; color:#666; } .foot_copy a { color:#3e6dc9; } .foot_copy em a:link, .foot_copy em a:visited{ color:#047195 !important; } .foot_copy ins a:link, .foot_copy ins a:visited{ color:#047195 !important; text-decoration:underline; } .foot_copy em a:link, .foot_in li a:visited{ color:#FFFF99; } .foot_copy em a:hover, .foot_in li a:active{ color:#FFF; } /* .foot_menu ul{ position:absolute; top:12px; right:5px; } */ .foot_menu ul{ position:absolute; top:12px; right:25px; } /*2017-04-13 right:25px 수정*/ .foot_menu li{ display:inline; font-weight:bold; color:#666; } .foot_menu li a:link, .foot_in li a:visited{ font-weight:bold; color:#666; /*opacity:0.30; filter:Alpha(opacity=30);*/ } .foot_menu li a:hover, .foot_in li a:active{ color:#666; /*opacity:1; filter:Alpha(opacity=100);*/ } /* .foot_copy ins .colorDe a, .foot_copy ins .colorDe a:link, .foot_copy ins .colorDe a:visited {; font:12px "Tahoma" !important; color:#555 !important} */ .foot_copy ins .colorDe a, .foot_copy ins .colorDe a:link, .foot_copy ins .colorDe a:visited {; font:12px "Tahoma" !important; font-weight: bold !important; color:#047195 !important;} /* CLASS:Footer ::::End:::: */ /* ID:Footer ::::End:::: */ /* ID:Footer Body ::::End:::: */ /* ::::Start:::: ID:Myf */ .myf_body{ width:100%; } .myg_in_body{ width:100%; } /* ID:Myf ::::End:::: */