@charset "utf-8"; @import url("/core/fonts/webfonts/font001.css"); html{overflow-y:scroll; margin: 0; padding: 0; height:100%;} h1, h2, h3, h4, h5, h6 { margin:0; padding:0;} form, ul, li, dl, dt, dd, p { margin:0; padding:0;} th { text-align: center;} fieldset, legend { border: none; margin:0; padding:0;} #accessibility, legend, caption { display: none;} body{ margin: 0; padding: 0; height:100%;} img { margin: 0px; padding: 0px; border: 0px none;} select { margin: 0; padding: 0;} input { margin: 0; padding: 0;} ul li { margin:0px; padding:0px; list-style:none; vertical-align: middle;} /* li 왼쪽정렬 */ .ul li{ margin:0px; padding:0px; list-style:none; vertical-align: middle; float:left;} /* li 오른쪽 정렬 */ .ur li{ margin:0px; padding:0px; list-style:none; vertical-align: middle; float:right;} /* 이미지 강제 왼쪽 정렬 */ .float { float: left;} /* 이미지 강제 왼쪽 정렬해제 및 중앙정렬 */ .floatnone { float: none; vertical-align: middle; margin-bottom: 2px;} *{margin:0; padding:0;} .Window {width:100%; float:left; background:url(../images/_main/bg001.jpg) repeat-x; font-family:Nanum Gothic; font-size:16px; letter-spacing:-0.25px;} .fixWindow { width:100%; float:left; background:url(../images/_main/bg002.jpg) center 175px repeat-x;} .Top { width:100%; height:156px; position:absolute; background:url(../images/_main/top_bg.png) 0 54px repeat-x; z-index:1;} .Top .header { width:1000px; height:150px; position:relative; margin:0 auto;} .Top .header .logo { position:relative; float:left; width:180px; height:90px; margin-top:60px;} .Top .header .t_Menu { position:relative; float:left; width:770px; height:90px; margin:60px 0 0 50px;} .Top .header .gnb { position:absolute; top:21px; right:5px; width:500px; height:17px; text-align:right;} .Top .header .gnb a {padding-left:15px;} /* TOPMENU */ #topMenu { height: 40px; margin:25px 0px 0 0;} #topMenu * { margin: 0px; padding: 0px; list-style-type: none; text-decoration: none;} div#topMenu {position:relative;} #topMenu ul.topMenu { white-space: nowrap; text-align:right;} #topMenu ul.topMenu li { display: inline-block; width: auto; height: auto; padding:auto; position: relative; } #topMenu ul.topMenu li div { position: absolute; top:42px; left: -10px; z-index:99; text-align:left; } #topMenu ul.topMenu li div div { position: absolute; top: -6px; left: 168px; } #topMenu ul.topMenu li div ul li { display: block; float: none; width: auto; height: auto; } #topMenu ul.topMenu li a { padding:0 0 0 15px; display: inline-block; margin: 8px 10px; font-size:18px; font-weight:600; height:30px; color: #666;} #topMenu ul.topMenu li a span { padding-right: 15px; width: auto; height: auto; display: inline-block; height: 27px; line-height: 20px; cursor: pointer; text-align:center; z-index:10; } #topMenu ul.topMenu li:hover a { background-position: left -54px; color: #333;} #topMenu ul.topMenu li:hover a span { background-position: right -81px; } #topMenu ul.topMenu li.active a { background-position: left 0px; } #topMenu ul.topMenu li.active a span {color: #333; background-position: right -27px;} #topMenu ul.topMenu li div ul li span { display: block; padding: 0px; margin: 0px; background: none; z-index:10; } #topMenu ul.topMenu li div ul li span a { display: block; padding: 0px; background: none; height: auto; width: 130px; line-height: 18px; white-space: normal; font-size:13px; font-weight:400;} #topMenu ul.topMenu li div { padding-top: 6px; background-repeat: no-repeat; background-position: 0px top; background:#404040;} #topMenu ul.topMenu li div ul { padding-top: 4px; background-repeat: no-repeat; background-position: 0px bottom; background:#fff;} #topMenu ul.topMenu ul li:hover{} #topMenu ul.topMenu li.active ul li a span { color: #5E5E5E; width: 150px;} #topMenu ul.topMenu li.active ul li a span:hover {color:#404040; } #topMenu ul.topMenu ul li a span:hover{color:#404040; font-weight:bold; font-size:12px; } #topMenu span{} #topMenu li:hover>a>span {color: #333; } #topMenu ul.topMenu li a span{} #topMenu ul.topMenu li div ul li a span{ color:#ccc; font-size: 12px; font-weight: bold;} #topMenu ul.topMenu li div ul{ padding-bottom: 8px;} #topMenu ul.topMenu li div ul li:first-child{ border-top-width: 0px;} #topMenu li>div { visibility: hidden; } #topMenu li:hover>div { visibility: visible; } /* */ #topMenu ul.topMenu ul li:hover{ width:150px;} #topMenu ul.topMenu li div ul li{ } #topMenu ul.topMenu ul a.parent {} /* ie7 */ #topMenu ul.topMenu li { *zoom: 1; *display: inline;} #topMenu ul.topMenu li a { *zoom: 1; *display: inline;} #topMenu ul.topMenu li a span { *zoom: 1; *display: inline;} /* IE6 */ #topMenu ul.topMenu li a { _background-image: url(../images/_main/item.gif);} #topMenu ul.topMenu li a span { _background-image: url(../images/_main/item.gif);} #topMenu ul.topMenu li div { _background-image: url(../images/_main/subtopMenu-top.gif);} #topMenu ul.topMenu li div ul { _background-image: url(../images/_main/subtopMenu-bottom.gif)} #topMenu ul.topMenu li a:hover { _background-position: left -54px;} #topMenu ul.topMenu li a:hover span { _background-position: right -81px; _color: #555555;} #topMenu ul.topMenu li li a:hover span { _color:#555555; } /* topMenu logic for IE6 */ #topMenu div { _display: none; } #topMenu div li:hover div { _visibility: visible;_display: block; } #topMenu div li:hover li:hover div { _display: block; } #topMenu div li:hover li:hover li:hover div { _display: block; } .mainSlide { width:50%; height:1045px; float:left; position:relative; background:#fff;} .mainSlide .visual { position: absolute; margin-left:-1000px; left:100%; width:1000px; height:1045px; top:0;} .mainSlide .visual .slide { position: relative; float:left; width:1000px; height:1045px; overflow:hidden; } .mainSlide .visual .slide ul.slides{ margin:0; padding:0; list-style-type:none; } .mainSlide .visual .slide ul.slides li{ width:1000px; height: 1045px; left: 0px; position: absolute; top: 0px; display: none; } .mainSlide .visual .slide ul.slides li img{ width:1000px; height: 1045px; border:0; margin:0px; } .mainSlide .visual .slide .slide-navs {top: 445px; right: 70px; position: absolute; list-style-type: none; margin: 0; padding: 0;} .mainSlide .visual .slide .slide-navs li { float: left; height:10px; width:35px; margin-left:5px; cursor:pointer; background:#9e85e4; border-radius:10px;} .mainSlide .visual .slide .slide-navs li.current-slide{background:#fff;;} .conBody { width:50%; height:1045px; float:left; position:relative; } .conBody .inBody { position:relative; float:left; width:450px; margin:150px 0 0 50px;} .conBody .inBody .vision { width:450px; height:180px; position:relative; float:left; } .conBody .inBody .sermon { width:450px; height:165px; position:relative; float:left; } .conBody .inBody .sermon .s_thumb { width:123px; height:99px; margin:33px 0 0 30px;} .conBody .inBody .sermon .s_tit { width:257px; height:30px; margin:20px 20px 0 20px;} .conBody .inBody .sermon .s_txt { margin:35px 0 0 7px; width:265px; text-align:right;} .conBody .inBody .sermon .s_txt p { width:265px; height:24px; color:#4b4b4b;} .conBody .inBody .sermon .s_txt a { text-decoration:none; color:#4b4b4b;} .conBody .inBody .sermon .s_txt a:hover { text-decoration:underline;} .conBody .inBody .sermon .s_blank { position:absolute; top:33px; left:30px; width:123px; height:99px; z-index:1;} .conBody .inBody .photo { width:450px; height:225px; position:relative; float:left; background:url(../images/_main/photo_bg.jpg) no-repeat; margin:30px 0 0 0; } .conBody .inBody .photo .p_tit { position:relative; float:left; width:225px; height:155px; margin-top:70px;} .conBody .inBody .photo .p_txt { position:relative; float:left; width:225px; height:225px;} .conBody .inBody .photo .p_txt .p_blank{ width:225px; height:225px; position:absolute; top:0; left:0; background:url(../images/_main/photo_blank.png) no-repeat;} .conBody .inBody .photo .p_txt .p_blank p { height:24px; margin-left:17px; width:194px;} .conBody .inBody .photo .p_txt .p_blank .date { font-size:14px; color:#c3b5db; margin-top:157px;} .conBody .inBody .photo .p_txt .p_blank a { text-decoration:none; color:#ffffff;} .conBody .inBody .photo .p_txt .p_blank a:hover { font-weight:600;} .conBody .inBody .board { width:430px; height:85px; position:relative; float:left; margin:30px 10px 0 10px; } .conBody .inBody .board .b_tit { width:340px; height:26px; margin-right:10px; color:#d0d0d0;} .conBody .inBody .board .b_tit a { text-decoration:none; color:#ffffff;} .conBody .inBody .board .b_tit a:hover { text-decoration:underline;} .conBody .inBody .board .b_date { width:80px; height:26px; color:#a1a1a1; font-size:14px; text-align:right;} .conBody .inBody .bnr { width:450px; height:100px; position:relative; float:left; margin:30px 0 0 0; } .conBody .inBody .bnr .icon_box { width:148px; height:100px; position:relative; float:left;} .conBody .inBody .bnr .icon_box a { width:138px; height:90px; display:block; background:url(../images/_main/icon_bg.jpg) no-repeat; padding:5px;} .conBody .inBody .bnr .icon_box a:hover { display:block; background:url(../images/_main/icon_bg_on.jpg) no-repeat; } .Banner { width:100%; height:99px; float:left; background:#000000; border-bottom:1px solid #362c6f;} .Banner .Btn { width:1000px; height:99px; position:relative; margin:0 auto;} .Banner .Btn .bt_tit { width:138px; height:35px; border:1px solid #464646; color:#eaeaea; text-align:center; margin-top:24px; padding-top:13px;} .Banner .Btn .bt { width:120px; height:50px; margin:24px 0 0 10px;} .Banner .Btn .bc { margin: 36px 10px 0 18px;} .Bottom { width:100%; height:150px; float:left; background:#110b19;} .Bottom .footer { width:1000px; height:150px; position:relative; margin:0 auto;} .Bottom .footer .Pers{ float:right; position:relative; margin-top:40px; font-size:15px; color:#7f7b88; } .Bottom .footer .Pers a { text-decoration:none; font-size:15px; color:#7f7b88;} .Bottom .footer .copyright { float:right; position:relative; color:#c5c2cf; font-size:15px; text-align:right; margin-top:15px; min-width:830px;} .Bottom .footer .copyright p {height:24px;} .Bottom .footer .copyright a { text-decoration:none; color:#c5c2cf; font-weight:600;} .Bottom .footer .app{ float:right; position:relative; width:148px; height:92px; margin:29px 0 29px 20px;} /*공용*/ .pt_14 { font-size:14px; } .pt_13 { font-size:13px; }