/*--------------------------------- * 사이트 공통.시작 *---------------------------------*/ /* * 구글 나눔고딕 스타일 시트참고 http://fonts.googleapis.com/earlyaccess/nanumgothic.css * 용량 고려 할것 총4.57메가 */ @font-face { font-family: 'NanumGothic'; font-style: normal; font-weight: 200; src: url(/webfonts/NanumGothic-Regular.eot); /* 0.7메가 */ src: url(/webfonts/NanumGothic-Regular.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메가 */ } * {margin:0; padding:0; border:0; font-family: 'NanumGothic', 'dotum', 'gulim', '굴림', '돋움', 'AppleGothic', 'Sans-serif';} a:link { text-decoration: none; color:#555555; } a:visited { text-decoration: none; color:#555555; } a:hover { text-decoration: none; color:#1d439c; } a:active { text-decoration: none; color:#555555; } html { overflow-y:scroll; } body { font-family: "NanumGothic","나눔고딕", "dotum", sans-serif;font-size:12px; padding:0; margin:0; font-weight:normal;} p { margin-top: 0px; margin-bottom: 0px; } *::selection { background: #f68d1f; color:#FF0; } img { border:none; vertical-align:middle; } .spacer10 { clear:both; height:10px; display:block; } .spacer20 { clear:both; height:20px; display:block; } .spacer30 { clear:both; height:30px; display:block; } ul {list-style:none} li {list-style:none} /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------- * 공통 폰트 --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .font_12px {font-size:12px; font-weight:normal;}.font_13px {font-size:13px; font-weight:normal;}.font_14px {font-size:14px; font-weight:normal;}.font_15px {font-size:15px; font-weight:normal;}.font_16px {font-size:16px; font-weight:normal;}.font_17px {font-size:17px; font-weight:normal;}.font_18px {font-size:18px; font-weight:normal;}.font_19px {font-size:19px; font-weight:normal;}.font_20px {font-size:20px; font-weight:normal;}.font_21px {font-size:21px; font-weight:normal;}.font_22px {font-size:22px; font-weight:normal;}.font_24px {font-size:24px; font-weight:normal;}.font_26px {font-size:26px; font-weight:normal;} .font_12px_b {font-size:12px; font-weight:bold;}.font_13px_b {font-size:13px; font-weight:bold;}.font_14px_b {font-size:14px; font-weight:bold;}.font_15px_b {font-size:15px; font-weight:bold;}.font_16px_b {font-size:16px; font-weight:bold;}.font_17px_b {font-size:17px; font-weight:bold;}.font_18px_b {font-size:18px; font-weight:bold;}.font_19px_b {font-size:19px; font-weight:bold;}.font_20px_b {font-size:20px; font-weight:bold;}.font_21px_b {font-size:21px; font-weight:bold;}.font_22px_b {font-size:22px; font-weight:bold;}.font_24px_b {font-size:24px; font-weight:bold;}.font_26px_b {font-size:26px; font-weight:bold;} .font_16px_c {font-size:14px; font-weight:bold; color:#fff; } .font_12px_c {font-size:12px; font-weight:normal;color:#cccccc; } .sub_contents_text_point1 { font-size:28px; color:#333333; font-weight:bold; letter-spacing:-1px;} .sub_contents_text { font-size:13px; color:#8a8b8a; line-height:22px; font-weight:bold;} .sub_contents_text1 { font-size:13px; color:#8a8b8a; line-height:22px; } .sub_contents_text2 { font-size:12px; color:#8a8b8a; line-height:22px; font-weight:bold;} .sub_contents_text_black { font-size:14px; color:#000000; line-height:22px; display:block; } .sub_contents_text_black2 { font-size:14px; color:#000000; line-height:22px; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------- * 공통 폰트 --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /*--------------------------------- * 사이트 공통.끝 *--------------------------------- */ /* |-------------------------------------------------------------------------- | UItoTop jQuery Plugin 1.1 | http://www.mattvarone.com/web-design/uitotop-jquery-plugin/ |-------------------------------------------------------------------------- */ /*--------------------------------- * 우측하단 탑으로.시작 *--------------------------------- */ #toTop {display:none; text-decoration:none; position:fixed; bottom:10px; right:10px; overflow:hidden; width:51px; height:51px; border:none; opacity: 0.3; -ms-opacity: 0.3; -webkit-opacity: 0.3; -o-opacity: 0.3; -moz-opacity: 0.3; -moz-opacity: 0.3; text-indent:-999px; background:url(/lib/jquery.sliderkit.1.9.2/lib/images/ui.totop.png) no-repeat left top; } #toTopHover { background:url(/lib/jquery.sliderkit.1.9.2/lib/images/ui.totop.png) no-repeat left -51px; width:51px; height:51px; display:block; overflow:hidden; float:left; filter:alpha(opacity=0); } #toTop:active, #toTop:focus { outline:none; } /*--------------------------------- * 우측하단 탑으로.끝 *--------------------------------- */ /*--------------------------------- * 탑영역.시작 *--------------------------------- */ #header {width:100%; margin:0 auto; } /* 로고,로그인 박스 */ #top_wrap { display:block; width:1024px; margin:0 auto; overflow:hidden; margin-top:10px; margin-bottom:10px;} #logo {overflow:hidden; width:300px; text-align:left; display:block; float:left; height:31px; } #loginbox {width:400px; text-align:right; float:right; overflow:hidden; font-size:10px; margin-top:10px;} #loginbox li {display:inline-block;} .line_top {width:100%; height:1px; background-color:#e9e9e9; display:block; margin:0; padding:0; } /* 메인메뉴 */ #top_menu {font-size:14px; font-weight:bold; color:#55555; width:1024px; line-height:50px; vertical-align:top; margin:0 auto;} #top_menu li {width:200px; display:inline-block;} #select_lang{ position:absolute; left:50%; margin-left:428px; } #top_menu:hover ~ #nav,#nav:hover {height: 120px; } #nav { overflow: hidden; width: 100%; height: 0px; /* 애니매이션 변환 효과를 적용합니다. */ -ms-transition-duration: 0.8s; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } #nav_box { width:1024px; margin:0 auto; font-size:12px; line-height:22px; } #nav_box a:hover{ color:#1785e8; font-weight:bold; letter-spacing:0; } #nav_box a.another:hover{letter-spacing:-1px;} #nav_box ul { width:202px; text-align:left;display:inline-block; vertical-align:top; } /* 사이트 가로 라인 */ /* 네비게이션 하단 바 */ #navi_bottom_bar {width:100%; margin:0 auto; text-align:right; height:3px; background-color:#100079; } /*--------------------------------- * 탑영역.끝 *--------------------------------- */ /*--------------------------------- * 메인 컨텐츠 영역.시작background-color:#579fe5; *--------------------------------- */ #main_bnr_area1 { width:100%; color:#FFFFFF; background-color:#0a3367; float:left; margin:0px; padding:0px;} #main_bnr_area_wrap { width:1024px; margin:0 auto; } .main_bnr_title_area {} #main_bnr_area_box_01 { width:214px; height:160px; display:inline-block; float:left; padding:20px; border-left:1px solid #184176; border-right:1px solid #184176;background-color:#0a3367; } #main_bnr_area_box_02 { width:215px; height:160px; display:inline-block; float:left; padding:20px; border-right:1px solid #184176;background-color:#0a3367; } #main_bnr_area_box_03 { width:215px; height:160px; display:inline-block; float:left; padding:20px; border-right:1px solid #184176;background-color:#0a3367; } #main_bnr_area_box_04 { width:215px; height:160px; display:inline-block; float:left; padding:20px; border-right:1px solid #184176;background-color:#0a3367; } .notice_point {font-size:28px; font-weight:bold; float:right; margin-top:-20px; color:#fff;} .main_bnr_contents { padding-top:20px; padding-bottom:20px; float:left; width:85px; display:block; color:#a3a3a3; line-height:20px;} .main_bnr_contents_txt { padding-top:20px; padding-bottom:20px; float:left; display:block; color:#a3a3a3; line-height:20px; } .main_bnr_contents_img { padding-top:20px; padding-bottom:20px; float:right; width:127px; display:block; margin-top:-10px; text-align:right;} /*--------------------------------- * 메인 컨텐츠 영역.끝 *--------------------------------- */ /*==========================================================메인 비주얼 영역.시작 ========================================================================*/ /*==========================================================메인 비주얼 영역.시작 ========================================================================*/ /** * sliderkit-core.css * > Core CSS styles * * This file is part of Slider Kit jQuery plugin. * http://www.kyrielles.net/sliderkit/ * * Copyright (c) 2010-2012 Alan Frog * Licensed under the GNU General Public License * See or * */ /* * PLUGIN BASICS * ------------------------------------------------ */ .sliderkit{display:none;position:relative;overflow:hidden;text-align:left;} /*--------------------------------- * Navigation *---------------------------------*/ .sliderkit .sliderkit-nav{z-index:10;position:absolute;text-align:center;} /*--------------------------------- * Panels *---------------------------------*/ .sliderkit .sliderkit-panel{z-index:1;position:absolute;overflow:hidden;} .sliderkit .sliderkit-panel-active{z-index:5;} .sliderkit .sliderkit-panel-old{z-index:4;} .main_visual_text { position:absolute; left:50%; margin-left:-110px; margin-top:160px; z-index:20} .main_visual_img { text-align:center; margin:0 auto; width:100%; } /*--------------------------------- * Slideshow > + Carousel *---------------------------------*/ .slideshow-carousel{width:2000px;height:360px; text-align:center; margin:0 auto} /* Navbar */ .slideshow-carousel .sliderkit-nav{left:50%; margin-left:190px; margin-top:280px; width:400px;} .slideshow-carousel .sliderkit-nav-clip ul li{float:left;margin:0;} .slideshow-carousel .sliderkit-nav-clip ul li a{display:block;width:99px;height:48px;overflow:hidden;margin:0;padding:5px;} .slideshow-carousel .sliderkit-nav-clip ul li.sliderkit-selected a{padding:0;border:3px solid #FFF;} /* Controls */ .slideshow-carousel .sliderkit-controls{position:absolute;bottom:0;left:0;width:295px;padding:10px 0 10px 205px;} /* Go buttons .slideshow-carousel .sliderkit-go-btn a, .slideshow-carousel .sliderkit-play-btn a{position:relative;float:left;display:block;width:20px;height:23px;margin:0 5px;background:transparent url("../images/slideshow-btns.gif") no-repeat 0 0;} .slideshow-carousel .sliderkit-btn span, .slideshow-carousel .sliderkit-play-btn span{display:none;} .slideshow-carousel .sliderkit-play-btn a{background-position:-50px 0;} .slideshow-carousel .sliderkit-play-btn a:hover, .slideshow-carousel .sliderkit-play-btn a:focus{background-position:-50px -23px;} .slideshow-carousel .sliderkit-pause-btn a{background-position:-75px 0;} .slideshow-carousel .sliderkit-pause-btn a:hover, .slideshow-carousel .sliderkit-pause-btn a:focus{background-position:-75px -23px;} .slideshow-carousel .sliderkit-go-prev a{background-position:-25px 0;} .slideshow-carousel .sliderkit-go-next a{background-position:0 0;} .slideshow-carousel .sliderkit-go-prev a:hover, .slideshow-carousel .sliderkit-go-prev a:focus{background-position:-25px -23px;} .slideshow-carousel .sliderkit-go-next a:hover, .slideshow-carousel .sliderkit-go-next a:focus{background-position:0 -23px;} */ /* 전체 뒷배경이미지 */ .slideshow-carousel .sliderkit-panel{top:151;left:0;width:2000px;height:360px; text-align:center; margin:0 auto; } /*==========================================================메인 비주얼 영역.끝 ========================================================================*/ /*==========================================================메인 비주얼 영역.끝 ========================================================================*/ /*==========================================================서브 컨텐츠. 시작========================================================================*/ /*==========================================================서브 컨텐츠. 시작========================================================================*/ #sub_img_title1 { display:block; width:100%; min-width:1024px; height:181px; background-image:url(/img/sub/sub_img_title_01.jpg); background-repeat:no-repeat; background-position:center; background-color:#041527; margin-bottom:38px;} #sub_img_title2 { display:block; width:100%; min-width:1024px; height:181px; background-image:url(/img/sub/sub_img_title_01.jpg); background-repeat:no-repeat; background-position:center; background-color:#041527; margin-bottom:38px;} #sub_img_title3 { display:block; width:100%; min-width:1024px; height:181px; background-image:url(/img/sub/sub_img_title_01.jpg); background-repeat:no-repeat; background-position:center; background-color:#041527; margin-bottom:38px;} #sub_img_title4 { display:block; width:100%; min-width:1024px; height:181px; background-image:url(/img/sub/sub_img_title_01.jpg); background-repeat:no-repeat; background-position:center; background-color:#041527; margin-bottom:38px;} #sub_img_title5 { display:block; width:100%; min-width:1024px; height:181px; background-image:url(/img/sub/sub_img_title_01.jpg); background-repeat:no-repeat; background-position:center; background-color:#041527; margin-bottom:38px;} #sub_img_title6 { display:block; width:100%; min-width:1024px; height:181px; background-image:url(/img/sub/sub_img_title_01.jpg); background-repeat:no-repeat; background-position:center; background-color:#041527; margin-bottom:38px;} #site_contents { width:1024px; margin:0 auto; } /* 레트트 메뉴.시작 */ #left_menu_wrap { width:236px; float:left; text-align:left; vertical-align:top;} #sub_contents_text_point2 { font-size:19px; color:#5c5c5c; font-weight:bold; vertical-align:top; height:58px; line-height:22px;} .left_menu_line1 { width:200px; height:1px; background-color:#e9e9e9; line-height:2px; display:block; float:left } #left_click_menu li a{ width:200px; display:inline-block; line-height:29px; height:29px; border-bottom:1px solid #e9e9e9;letter-spacing:0; } #left_click_menu li a:hover { color:#FFF; background-color:#1d439c; letter-spacing:0; } .cross_02 { float:left; margin-left:180px; position:absolute; margin-top:-30px;} /* 레트트 메뉴.끝 */ /* 컨텐츠.시작 */ #sub_title_big { height:56px; display:block; vertical-align:top; } #contents { width:788px; float:left; display:inline-block; position:relative; margin:0 0; overflow:hidden; text-align:left;} .sub_contents_body_title { display:inline-block; border-left:3px solid #1785e8; color:#333333; line-height:14px; height:14px; margin-bottom:10px; } #sub_contents_body {font-size:13px; color:#8a8b8a; line-height:22px; width:100%; display:inline-block; } #sub_contents_body_left { width:48%; float:left; padding:20px 0px 10px 0px; text-align:left;} #sub_contents_body_right { width:48%; float:right; padding:20px 0px 10px 0px; text-align:left;} #sub_contents_body_right2 { width:48%; float:right; padding:20px 0px 10px 0px; text-align:right;} /* 연혁.시작 */ .sub_contents_body_2_a { width:145px; float:left; padding:20px 20px 10px 20px; text-align:left; font-size:26px; font-weight:bold; letter-spacing:-1px;} .sub_contents_body_2_b { width:95px; float:left; padding:20px 20px 10px 0px; text-align:left; color:#333333;} .sub_contents_body_2_c { width:470px; float:left; padding:20px 0px 10px 0px; text-align:left; color:#666666;} .sub_contents_body_2_line1 { height:2px; width:34px; position:absolute; background-color:#b8b8b8; margin-left:23px; margin-top:12px; } .sub_contents_body_2_line2 { height:1px; width:580px; position:absolute; border-top:1px dotted #d4d4d4; margin-left:185px; margin-top:-5px; } /* 연혁.끝 */ /* 조직도,경영이념.시작 */ .sub_contents_body_3_a { width:50%; float:left; border-bottom:1px dotted #d4d4d4; border-right:1px dotted #d4d4d4; } .sub_contents_body_3_b { width:50%; float:left; border-bottom:1px dotted #d4d4d4; } .sub_contents_body_3_c { width:50%; float:left; border-right:1px dotted #d4d4d4; } .sub_contents_body_3_d { width:50%; float:left; } .sub_contents_body_3_img { width:100%; text-align:center; display:inline-block;} /* 조직도,경영이념.끝 */ #site_position_bg { float:right; margin-top:18px; line-height:13px; height:13px; letter-spacing:0;} #sub_line { width:100%; height:2px; background-color:#6e6e6e; line-height:2px; margin-bottom:30px; } #sub_line2 { width:200px; height:2px; background-color:#e9e9e9; line-height:2px; } /* 컨텐츠.끝 */ /* 페이지버튼1.시작 */ #page_btn {width:100%; font-size:12px;color:#ffffff; height:150px; line-height:150px; float:left; font-weight:bold; } .page_btn_a a { display:block; width:173px; height:60px; line-height:60px; color:#5f9a32; background-color:#FFF; text-align:center; border:1px solid #76bd40; } .page_btn_a a:hover {color:#ffffff; background-color:#76bd40;} #page_btn_01 { position:absolute; } #page_btn_02 { position:absolute; margin-left:174px;} #page_btn_03 { position:absolute; margin-left:348px;} #page_btn_04 { position:absolute; margin-left:522px;} #page_btn_05 { position:absolute; margin-top:61px;} /* 페이지버튼1.끝 */ /* 페이지버튼2.시작 */ #page_btn2 {width:100%; font-size:12px;color:#ffffff; height:160px; line-height:160px; float:left; font-weight:bold; } .page_btn_b a { display:block; width:173px; height:40px; line-height:40px; background-color:#FFF; color:#5f9a32; text-align:center; border:1px solid #76bd40; } .page_btn_b a:hover {color:#ffffff; background-color:#76bd40;} #page_btn2_01 { position:absolute; } #page_btn2_02 { position:absolute; margin-left:174px;} #page_btn2_03 { position:absolute; margin-left:348px;} #page_btn2_04 { position:absolute; margin-left:522px;} #page_btn2_05 { position:absolute; margin-top:41px;} #page_btn2_06 { position:absolute; margin-left:174px; margin-top:41px;} #page_btn2_07 { position:absolute; margin-left:348px; margin-top:41px;} #page_btn2_08 { position:absolute; margin-left:522px; margin-top:41px;} #page_btn2_09 { position:absolute; margin-top:82px;} #page_btn2_10 { position:absolute; margin-left:174px; margin-top:82px;} #page_btn2_11 { position:absolute; margin-left:348px; margin-top:82px;} #page_btn2_12 { position:absolute; margin-left:522px; margin-top:82px;} /* 페이지버튼2.끝 */ /* 페이지버튼2.시작 */ #page_btn3 {width:100%; font-size:12px;color:#ffffff; height:160px; line-height:160px; float:left; font-weight:bold; } .page_btn_b a { display:block; width:173px; height:40px; line-height:40px; background-color:#FFF; color:#5f9a32; text-align:center; border:1px solid #76bd40; } .page_btn_b a:hover {color:#ffffff; background-color:#76bd40;} #page_btn3_01 { position:absolute; } #page_btn3_02 { position:absolute; margin-left:174px;} #page_btn3_03 { position:absolute; margin-left:348px;} #page_btn3_04 { position:absolute; margin-left:522px;} #page_btn3_05 { position:absolute; margin-top:41px;} #page_btn3_06 { position:absolute; margin-left:174px; margin-top:41px;} #page_btn3_07 { position:absolute; margin-left:348px; margin-top:41px;} #page_btn3_08 { position:absolute; margin-left:522px; margin-top:41px;} #page_btn3_09 { position:absolute; margin-top:82px;} #page_btn3_10 { position:absolute; margin-left:174px; margin-top:82px;} #page_btn3_11 { position:absolute; margin-left:348px; margin-top:82px;} #page_btn3_12 { position:absolute; margin-left:522px; margin-top:82px;} /* 페이지버튼2.끝 */ /* 페이지버튼4.시작 */ #page_btn4 {width:100%; font-size:12px;color:#ffffff; height:120px; line-height:120px; float:left; font-weight:bold; } .page_btn_b a { display:block; width:173px; height:40px; line-height:40px; background-color:#FFF; color:#5f9a32; text-align:center; border:1px solid #76bd40; } .page_btn_b a:hover {color:#ffffff; background-color:#76bd40;} #page_btn4_01 { position:absolute; } #page_btn4_02 { position:absolute; margin-left:174px;} #page_btn4_03 { position:absolute; margin-left:348px;} #page_btn4_04 { position:absolute; margin-left:522px;} #page_btn4_05 { position:absolute; margin-top:41px;} #page_btn4_06 { position:absolute; margin-left:174px; margin-top:41px;} #page_btn4_07 { position:absolute; margin-left:348px; margin-top:41px;} /* 페이지버튼4.끝 */ .with_img_img { float:left; text-align:left; vertical-align:top; width:707px;height:78px; } .with_img_txt { float:left; text-align:left; vertical-align:top; height:150px; margin-top:22px; margin-left:60px; width:600px; } .bg_gray {padding:10px 10px; width:707px; line-height:22px;} /*--------------------------------- * 서브 컨텐츠. 끝 *--------------------------------- */ /*--------------------------------- * 카피라이트.시작 *--------------------------------- */ #footer_wrap { float:left; width:100%; } #footer {width:1024px; margin:0 auto; overflow:hidden; color:#999999; display:block; } #logo2 {width:250px; text-align:left; display:block; float:left; line-height:37px;} #address {font-style:normal;font-size:11px; line-height:20px; letter-spacing: 0px;} /*--------------------------------- * 카피라이트.끝 *--------------------------------- */ /*------------------------------------------------------------------------------ * 테이블스킨.시작 ------------------------------------------------------------------------------*/ /*table{ border:none; text-align:center; font-size:13px; width:100%; font-family:'NanumGothic', 'dotum'; border-top:2px solid #1d439c; border-right:1px solid #e2e2e2; } td,th { padding:10px 10px; color:#666666; border-left:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; } thead td { text-align:center; color:#333333; font-weight:bold; background-color:#fbfbfb; font-size:13px; padding:10px 10px; } tfoot td { background-color:#f5f5f5; font-size:13px; background-color:#f5f5f5; padding:10px 10px; } .table_dummy { border:none; text-align:center; font-size:12px; font-family:'NanumGothic', 'dotum'; } .table_dummy a { color:#000; font-weight:bold;} .table_dummy td,th { border:none; padding:10px 10px; } .table_dummy thead td { text-align:center; font-weight:bold; background-color:#f5f5f5; font-size:12px; padding:10px 10px; } .table_dummy tfoot td { background-color:#f5f5f5; font-size:12px; background-color:#f5f5f5; padding:10px 10px; } /*------------------------------------------------------------------------------ * 테이블스킨.끝 ------------------------------------------------------------------------------*/