/* 파일명: default.css 기능설명: common, layout, content css 작성자: dm-p 최종수정일: 2013.01.10. */ @font-face { font-family: 'NanumGothic'; font-style: normal; font-weight: 200;e src: url(/webfonts/NanumGothic-Bold.eot); /* 0.7메가 */ src: url(/webfonts/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'), /* 0.7메가 */ url(/webfonts/NanumGothic-Regular.woff2) format('x-woff2'), /* 0.6메가 */ url(/webfonts/NanumGothic-Regular.woff) format('woff'), /* 0.9메가 */ url(/webfonts/NanumGothic-Regular.ttf) format('truetype'); /* 2.3메가 */ } /* 기본링크 */ A:link {text-decoration:none; color:#ffffff; line-height:140%;} A:visited {text-decoration:none; color:#ffffff;} A:active {text-decoration:none; color:#ffffff;} A:hover {text-decoration:none; color:#adadad;} html{overflow-y:scroll;} ul,li,ol,li,dl,dd,dt{list-style:none;} body, p, ul, ol, li, dl, dt, dd, form, table, th, td, fieldset, input, textarea, select, button, h1, h2, h3, h4, h5, h6, pre {margin:0; padding:0; -webkit-text-size-adjust:none;} body{ font-family:"NanumGothic", "나눔고딕","gulim", "돋움","dotum", Verdana, Arial, sans-serif; font-size:12px; color:#ffffff; text-align:center; } td{font-family:"NanumGothic","나눔고딕","gulim", "돋움","dotum", Verdana, Arial, sans-serif; font-size:12px; color:#ffffff;} a {font-family:"NanumGothic","나눔고딕","gulim", "돋움","dotum", Verdana, Arial, sans-serif; font-size:12px; color:#ffffff; text-decoration:none;} h01 { font-family:"NanumGothic", "나눔고딕","gulim", "돋움","dotum", Verdana, Arial, sans-serif; font-size:26px; font-weight:bold; color:#ffffff; text-align:center; } header, footer, nav, aside, section, article {display:block;} table{ border-collapse: collapse;} fieldset, img {border:0;} img {-ms-interpolation-mode:bicubic !important;}/*ie7*/ select {font-size:12px; color:#6b6b6c;} legend,hr{position:absolute; left:-999px; width:0; height:0; font-size:0; visibility:hidden; z-index:-1;} caption{ width:0; height:0; z-index:-1; font-size:0; line-height:0; visibility:hidden; } hr{ display:none;} /* form */ input, textarea, select {vertical-align:middle;} input.input_chk {margin-top:-1px; margin-right:7px;} input.input_txt {height:20px; padding:2px 6px 0 6px; border-top:1px solid #c2c2c2; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; border-left:1px solid #c2c2c2;} input.input_idpw{height:16px; padding:2px 6px 0 6px; border-top:1px solid #c2c2c2; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; border-left:1px solid #c2c2c2; margin-bottom:3px;} textarea {padding:6px; border-top:1px solid #c2c2c2; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; border-left:1px solid #c2c2c2;} select {height:24px; *margin-top:4px; padding:0; line-height:14px; border:1px solid #d9d9d9;} @-moz-document url-prefix() {select {padding:2px 2px 2px 0;}} .input_full {display:block; margin-right:14px;} .textarea_full {display:block; margin-right:14px;} .input_full .input_txt, .textarea_full textarea {width:100%;} /* Button */ button {background:none; border:none; padding:0; margin:0;} button.btn {*overflow:visible; display:inline-block; cursor:pointer;} button,button.btn {vertical-align:middle;} /*hidden*/ .blind {visibility:hidden; font-size: 0; width: 0; height: 0; line-height: 0; margin: 0; padding: 0; background: none; position:absolute; left:0; top:0;} /* headline */ h3.h{ margin-bottom:20px;} h4.h{ margin-bottom:13px; color:#555; font-size:14px;} .Paragraph{ margin-bottom:40px; } .Paragraph2{ margin-bottom:29px; } /*header*/ #header{ width:100%; height:102px; position:relative; z-index:10;} #header .inside_motion{ height:110px; /*height:250px;*/ overflow:hidden; border-bottom:2px #d1d1d1 solid; background:url(/eng/images/header/bg.jpg); background-position:center top; 0 0; } #header .inside_motion .inside{ width:1022px; margin:0 auto; text-align:left; position:relative;} /*header - logo*/ #header .inside_motion .inside h1{ padding-top:45px; padding-left:20px; } /*header - gnb*/ #header .inside_motion .inside .gnb{ position:absolute; right:0; top:0px;} #header .inside_motion .inside .gnb ul.list{*zoom:1;} #header .inside_motion .inside .gnb ul.list:after{content:""; display:block; clear:both;} #header .inside_motion .inside .gnb ul.list li{ float:left; padding:0px 0px 0 0px; background:url(/images/header/bg_gnb.gif) no-repeat 0 7px;} #header .inside_motion .inside .gnb ul.list li a{display:block; height:15px; } #header .inside_motion .inside .gnb ul.list li.first{ background:none;} #header .inside_motion .inside .gnb ul.list li.eng{ padding:0 0 0 0px; height:0px; background:none; } /*header - lnb*/ #header .inside_motion .inside #lnb{ position:absolute; left:250px; top:65px; } #header .inside_motion .inside #lnb ul.list{*zoom:1;} #header .inside_motion .inside #lnb ul.list:after{content:""; display:block; clear:both;} #header .inside_motion .inside #lnb ul.list li{ font-size:1px; line-height:1px; } #header .inside_motion .inside #lnb ul.list>li{ float:left; } #header .inside_motion .inside #lnb ul.list>li>a{ display:block; padding:5px 0 25px 44px; } #header .inside_motion .inside #lnb ul.list>li.end>a{ display:block; padding:5px 0 25px 40px; } #header .inside_motion .inside #lnb ul.list .depth_2{ padding-left:46px;} #header .inside_motion .inside #lnb ul.list .depth_2 li a{display:block; font-size:13px; padding:0 0 25px 0; } /*header - spot*/ #spot_main{ width:100%; height:840px; overflow:hidden; position:relative; z-index:1; margin-bottom:10px;} #spot_main .inside{width:1920px; height:516px; position:absolute; left:50%; top:0; margin-left:-960px;} #spot_main .btns{ position:absolute; left:50%; top:480px; margin-left:-470px; z-index:2; } #spot_main .right_board{width:313px; position:absolute; left:60%; top:160px; margin-left:40px; z-index:2; text-align:left; color:#eaeaea;} #spot_main .right_board h3{ margin-bottom:10px;} #spot_main .right_board .graph,#spot_main .right_board .photonew{background:#fff; border:3px #ddd solid; margin-bottom:15px; padding:8px 10px 15px 10px; position:relative; } #spot_main .right_board .photonew{*zoom:1;} #spot_main .right_board .photonew:after{content:""; display:block; clear:both;} #spot_main .right_board .photonew .photo_img{float:left;} #spot_main .right_board .photonew .photo_tex{ margin-left:124px;} #spot_main .right_board .photonew .photo_tex p a{ color:#777; } #spot_main .right_board .photonew .photo_tex h4{ font-size:12px; margin-bottom:10px; color:#777;} #spot_main .right_board .photonew .more{ position:absolute; right:10px; top:17px; } /*header - sub_spot*/ #spot_sub{ width:100%; height:192px; overflow:hidden; position:relative; z-index:1; margin-bottom:30px; background:url(/img/sub_bg.gif); background-position:center top; 0 0; } #spot_sub .inside{width:1600px; height:196px; position:absolute; left:50%; top:0; margin-left:-800px;} /*header - board*/ #borad_main{width:1022px; height:500px; margin:0 auto; padding:10px 0 0 50px; overflow:hidden; text-align:left; position:relative; } #borad_main .next,#borad_main .prev{ position:absolute; top:35px; } #borad_main .next{right:0;} #borad_main .prev{left:0;} #borad_main:after{content:""; display:block; clear:both;} #borad_main .board_area{ width:960px; position:absolute; left:35px; top:0; overflow:hidden;} #borad_main .board_area .board_position{ width:2000px; position:relative; left:0; top:0; } #borad_main .borad{ float:left; position:relative; width:300px; margin-right:30px;} #borad_main .borad h2{ margin-bottom:17px;} #borad_main .borad ul li{ line-height:22px;} #borad_main .borad ul li a{ color:#777; } #borad_main .borad ul li a:hover{color:#232323;} #borad_main .borad .more{ position:absolute; right:0; top:0; } #footer{ background:#ececec; border-top:1px #e1dfde solid; padding:20px 0; } #footer .inside{width:1022px; margin:0 auto; text-align:left; position:relative; } #footer .inside .famliysite{position:absolute; right:0; top:0;} #footer .inside .famliysite .famliy_area{ float:left; margin-right:6px; } #footer .inside .bnb{ margin-bottom:15px; *zoom:1; } #footer .inside .bnb:after{content:""; display:block; clear:both;} #footer .inside .bnb li{ float:left;} #footer .inside .bnb li a{display:block; padding:0 7px 0 9px; background:url(/images/footer/bg_bnb.gif) no-repeat 0 0;} #footer .inside .bnb li.first a{ padding:0 7px 0 0; background:none; } #footer .inside .copyright .h{ float:left;} #footer .inside .copyright .address{ text-align: right; } #footer .inside .select_box { text-align: right; } #footer .inside .select_box #group_1 { text-align: left; position:absolute; left:880px; top:-25px; z-index:3; display:none;} #footer .inside .select_box #group_1 .link {background:#fff; border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; border-top:1px solid #d3d3d3; width:139px;} #footer .inside .select_box #group_1 .link a {display:block; padding-top:7px; padding-bottom:4px; padding-left:9px; font-size:11px;} /*sub containar*/ #containar{ width:960px; margin:0 auto; text-align:left; *zoom:1; margin-bottom:40px; } #containar:after{content:""; display:block; clear:both;} #containar .snb{width:182px; float:left;} #containar .snb p.h{ font-family:"NanumGothic", "나눔고딕","gulim", "돋움","dotum", Verdana, Arial, sans-serif; font-size:26px; font-weight:bold; color:#4e4e4e; border-bottom:4px #0a78b9 solid; padding-bottom:12px; } #containar .snb p.h2{ font-family:"NanumGothic", "나눔고딕","gulim", "돋움","dotum", Verdana, Arial, sans-serif; font-size:26px; font-weight:bold; color:#4e4e4e; letter-spacing:-1pt; border-bottom:4px #0a78b9 solid; padding-bottom:12px; } #containar .snb ul.list>li{border-bottom:1px #e8e8e8 solid; line-height:2px; font-size:20px; } #containar .snb ul.list>li>a{ display:block; height:auto; padding:20px 0 20px 20px; font-size:14px;} #containar .snb ul.list>li.fixed>a{ background:#f7f7f7 url(/images/snb/bg_snb.gif) no-repeat 168px 14px; } #containar .content_sub{margin-left:225px; width:735px; min-height:400px; height:auto !important; height:400px; } .location{ margin-bottom:35px; position:relative; border-bottom:1px #d9d9d9 solid; padding-bottom:11px; } .location .title{ position:absolute; right:0; top:10px; color:#999; font-weight:bold; font-size:11px; } .location .h2{ font-family:"NanumGothic", "나눔고딕","gulim", "돋움","dotum", Verdana, Arial, sans-serif; font-size:28px; font-weight:bold; color:#4e4e4e;} .location .title strong{ color:#444; } /* 지역검색 css 시작 */ /*공용 css*/ #solution_map_area div.search_area div.search_city { margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #e8e8e8; }/*지역명 검색 하단 라인*/ /*지역명 검색 지역 */ #solution_map_area .mini_map { background-image:url(/images/about/solution_area/mini_map_bg.gif); }/* 전국지도 미니맵 테두리 백그라운드 */ #solution_map_area .result_city ul{ } #solution_map_area .result_city ul li { float:left; margin-top:9px; width:10%; height:28px; line-height:28px; } /*지역명 검색 각 지역 버튼 스타일 */ #solution_map_area .result_city ul li { margin-left:2%; text-align:center; font-weight:bold; border:1px solid #d6d6d6; }/* 박스 라인 */ #solution_map_area .result_city ul li a { font-family:dotum; font-size:13px; color:#777; }/* 박스 폰트 스타일 */ #solution_map_area .result_city ul li.on { border:1px solid #7badcb; background-color:#afcfe2; }/* 클릭시 박스 스타일 */ #solution_map_area .result_city ul li.on a { color:#fff; }/* 클릭시 박스 폰트 스타일 */ #solution_map_area .result_city ul li a.current {color:#fff; font-weight:bold; background-color:#afcfe2; }/* 클릭시 박스 폰트 스타일 */ /*검색된 지역 리스트 */ #solution_map_area .area_gu { position:relative; width:100%; height:75px; background:#f9f9f9; background-repeat:no-repeat; background-position:left top; padding:5px 5px 0 5px; border:1px #d6d6d6 solid; }/* 박스 백그라운드 */ #solution_map_area .area_gu div.txt { text-align:center;} #solution_map_area .area_gu ul { position:absolute; left:10px; top:17px; width:95%; *zoom:1; } #solution_map_area .area_gu ul:after { content:''; display:block; clear:both; } #solution_map_area .area_gu ul li { float:left; width:16%; line-height:22px; text-align:center; background-image:url(/images/about/solution_area/gu_bg.gif); background-position:right top;}/* 박스 안 구분선 백그라운드 */ #solution_map_area .area_gu ul li a:hover{ color:#72a0bb;} #solution_map_area .area_gu ul li.on a { font-weight:bold; color:#72a0bb; }/* 지역 클릭시 폰트 스타일*/ #solution_map_area .area_gu ul li.end { background-image:none; } #solution_map_area .area_gu ul li a.current { font-weight:bold; color:#72a0bb; }/* 클릭시 박스 폰트 스타일 */ /* 해당 회원사 리스트*/ #solution_map_area table.member_list thead tr th { height:31px; font-size:12px; font-weight:bold; line-height:24px; color:#fff; background-color:#72a0bb; text-align:center;} /* 테이블 헤드라인 스타일 */ table.member_list tbody td { font-family:dotum; font-size:12px; line-height:32px; color:#777; } /* 테이블 리스트 스타일 */ /*지역검색 layout css*/ #solution_map_area img{vertical-align:middle;} #solution_map_area .location { margin-bottom:20px; } #solution_map_area .search_area div.search_city div.result_city ul li.end { margin-left:0px; } #solution_map_area .search_map { margin:0 auto; width:100%; height:260px; *zoom:1; } #solution_map_area .search_map:after { content:''; display:block; clear:both; } #solution_map_area .map { float:left; margin:0 0 20px 0; width:270px; height:220px; /*float:left; margin:0 0 20px 0; width:270px; height:220px; background:#ffeeff;*/ /*float:left; margin:0 0 20px 0; width:270px; height:220px; background:url(/images/about/map/seoul.png) no-repeat 0 0;*/ } #solution_map_area .map .seoul{ float:left; margin:0 0 20px 0; width:270px; height:220px; background:url(/images/about/map/10.png) no-repeat 0 0; } #solution_map_area .map .gyeonggi{ float:left; margin:0 0 20px 0; width:270px; height:220px; background:url(/images/about/map/11.png) no-repeat 0 0; } #solution_map_area .map .incheon{ float:left; margin:0 0 20px 0; width:270px; height:220px; background:url(/images/about/map/12.png) no-repeat 0 0; } #solution_map_area .map .gangwon{ float:left; margin:0 0 20px 0; width:270px; height:220px; background:url(/images/about/map/13.png) no-repeat 0 0; } #solution_map_area .map .chungnam{ float:left; margin:0 0 20px 0; width:270px; height:220px; background:url(/images/about/map/14.png) no-repeat 0 0; } #solution_map_area .map .daejeon{ float:left; margin:0 0 20px 0; width:270px; height:220px; background:url(/images/about/map/15.png) no-repeat 0 0; } #solution_map_area .map .chungbuk{ float:left; margin:0 0 20px 0; width:270px; height:220px; background:url(/images/about/map/16.png) no-repeat 0 0; } #solution_map_area .map .busan{ float:left; margin:0 0 20px 0; width:270px; height:220px; background:url(/images/about/map/17.png) no-repeat 0 0; } #solution_map_area .map .ulsan{ float:left; margin:0 0 20px 0; width:270px; height:220px; background:url(/images/about/map/18.png) no-repeat 0 0; } #solution_map_area .map .daegu{ float:left; margin:0 0 20px 0; width:270px; height:220px; background:url(/images/about/map/19.png) no-repeat 0 0; } #solution_map_area .map .kyungpook{ float:left; margin:0 0 20px 0; width:270px; height:220px; background:url(/images/about/map/20.png) no-repeat 0 0; } #solution_map_area .map .gyeongnam{ float:left; margin:0 0 20px 0; width:270px; height:220px; background:url(/images/about/map/21.png) no-repeat 0 0; } #solution_map_area .map .chonnam{ float:left; margin:0 0 20px 0; width:270px; height:220px; background:url(/images/about/map/22.png) no-repeat 0 0; } #solution_map_area .map .gwangju{ float:left; margin:0 0 20px 0; width:270px; height:220px; background:url(/images/about/map/23.png) no-repeat 0 0; } #solution_map_area .map .chonbuk{ float:left; margin:0 0 20px 0; width:270px; height:220px; background:url(/images/about/map/24.png) no-repeat 0 0; } #solution_map_area .map .jeju{ float:left; margin:0 0 20px 0; width:270px; height:220px; background:url(/images/about/map/25.png) no-repeat 0 0; } #solution_map_area .mini_map .seoul{ float:left; margin:0 0 20px 0; width:270px; height:220px; background:url(/images/about/map/m_seoul.gif) no-repeat 0 0; } #solution_map_area .mini_map .gyeonggi{ float:left; margin:0 0 20px 0; width:270px; height:220px; background:url(/images/about/map/m_gyeonggi.gif) no-repeat 0 0; } #solution_map_area .mini_map .gangwon{ float:left; margin:0 0 20px 0; width:270px; height:220px; background:url(/images/about/map/m_gangwon.gif) no-repeat 0 0; } #solution_map_area .mini_map .gyeongnam{ float:left; margin:0 0 20px 0; width:270px; height:220px; background:url(/images/about/map/m_gyeongnam.gif) no-repeat 0 0; } #solution_map_area .mini_map .kyungpook{ float:left; margin:0 0 20px 0; width:270px; height:220px; background:url(/images/about/map/m_kyungpook.gif) no-repeat 0 0; } #solution_map_area .mini_map .gwangju{ float:left; margin:0 0 20px 0; width:270px; height:220px; background:url(/images/about/map/m_gwangju.gif) no-repeat 0 0; } #solution_map_area .mini_map .daegu{ float:left; margin:0 0 20px 0; width:270px; height:220px; background:url(/images/about/map/m_daegu.gif) no-repeat 0 0; } #solution_map_area .mini_map .daejeon{ float:left; margin:0 0 20px 0; width:270px; height:220px; background:url(/images/about/map/m_daejeon.gif) no-repeat 0 0; } #solution_map_area .mini_map .busan{ float:left; margin:0 0 20px 0; width:270px; height:220px; background:url(/images/about/map/m_busan.gif) no-repeat 0 0; } #solution_map_area .mini_map .ulsan{ float:left; margin:0 0 20px 0; width:270px; height:220px; background:url(/images/about/map/m_ulsan.gif) no-repeat 0 0; } #solution_map_area .mini_map .incheon{ float:left; margin:0 0 20px 0; width:270px; height:220px; background:url(/images/about/map/m_incheon.gif) no-repeat 0 0; } #solution_map_area .mini_map .chonnam{ float:left; margin:0 0 20px 0; width:270px; height:220px; background:url(/images/about/map/m_chonnam.gif) no-repeat 0 0; } #solution_map_area .mini_map .chonbuk{ float:left; margin:0 0 20px 0; width:270px; height:220px; background:url(/images/about/map/m_chonbuk.gif) no-repeat 0 0; } #solution_map_area .mini_map .jeju{ float:left; margin:0 0 20px 0; width:270px; height:220px; background:url(/images/about/map/m_jeju.gif) no-repeat 0 0; } #solution_map_area .mini_map .chungnam{ float:left; margin:0 0 20px 0; width:270px; height:220px; background:url(/images/about/map/m_chungnam.gif) no-repeat 0 0; } #solution_map_area .mini_map .chungbuk{ float:left; margin:0 0 20px 0; width:270px; height:220px; background:url(/images/about/map/m_chungbuk.gif) no-repeat 0 0; } #solution_map_area .search_area { float:right; margin-top:19px; padding-top:14px; width:495px;} #solution_map_area .search_city { width:100%; *zoom:1; } #solution_map_area .search_city:after { content:''; display:block; clear:both; } #solution_map_area p.mini_map { float:left; margin-right:10px; width:75px; height:110px; background-repeat:no-repeat; background-position:left top; } #solution_map_area .result_city { float:left; width:410px; text-align:left; *zoom:1; } #solution_map_area .result_city:after { #solution_map_area content:''; display:block; clear:both; } #solution_map_area .result_city ul { margin-top:7px; } #solution_map_area .result_city ul li a { display:block; } #solution_map_area .area_gu .btn_up { position:absolute; right:9px; top:13px; } #solution_map_area .area_gu .btn_down { position:absolute; right:9px; bottom:13px;} #solution_map_area .member_list { margin:29px auto 0; width:100%; } #solution_map_area .member_list h3 { margin-bottom:12px; text-align:left; } #solution_map_area .member_list { width:100%;} #solution_map_area .member_list tbody tr.odd td{ background:#f7f7f7; } #solution_map_area .member_list tbody td { text-align:center; border-bottom:1px solid #d6d6d6; } #solution_map_area .member_list tbody td.left { text-align:left; padding-left:20px; } /* 지역검색 css 끝 */ /* 찾아 오시는길 */ .location_map{ padding-left:20px; margin-bottom:40px; } /* Member */ .member_table { margin:0 auto; width:755px; border-top:3px solid #0a78b9; height:200;} .member_info_list { margin:0 auto; width:100%; height:auto;} .member_info_list thead { background:#f7f7f7; } .member_info_list thead th { line-height:16px; font-size:12px; color:#0a78b9; font-weight:bold; text-align:center; font-family:dotum; border-left:1px solid #dadada;} .member_info_list tbody th { text-align:center; } .member_info_list tbody td { padding:7px 0 7px 10px; line-height:16px; font-size:12px; color:#777; text-align:left; font-family:dotum; border-left:1px solid #dadada; } .member_info_list tbody td.num { text-align:left; color:#0a78b9; } .member_info_list th.fir { border-left:0px;} .member_info_list tr { border-bottom:1px solid #dadada; }