@charset "utf-8"; #wrap {width:100%; min-width: 1400px;} #header {width: 100%; min-width: 1500px; height:90px; position: absolute; margin: 0 auto; background: rgba(0,0,0,0.1);z-index: 10;} #header .inner {margin: 0 auto; width:100%;min-width: 1400px; position:relative;z-index: 100;} .header_top { height:90px;} #header h1 {width: 300px; padding: 0; position: absolute; height: 70px; left: 30px; margin-top:14px;} .header_top p.t_left {font-size:20px; font-weight:400; float:left; color:#fff; margin-top:45px;background: #05a447; border-radius: 26px;height: 35px;line-height: 35px;padding: 0 16px;opacity: 0.8;} .header_top p.t_left span {background:url("/memorial/layout/images/www/common/main_sp.png") no-repeat -5px -3px; width:18px; height:18px; display:inline-block; margin-right:8px;} .header_top ul.right {float:right;margin: 30px 20px 0 ;border-radius: 50px;border: 1px solid #ccc;padding: 0 17px;} .header_top ul.right li{float:left; height:32px;text-align:center;line-height: 32px;opacity: 0.8;font-size:12px;} .header_top ul.right li.link_box {width:90px; border:1px solid #000; border-radius:3px;} .header_top ul.right li.link_box a {display:block; text-align:center;} .header_top ul.right li.link_box a:hover {background-color:#004199; color:#fff;} .header_top ul.right li.search {width:60px; height:42px; position:relative;background: url("/memorial/layout/images/www/main/main_sprite.png") no-repeat -561px -418px;} .header_top ul.right li.joint { padding-left:10px;} .header_top ul.right li a {display: inline-block;line-height:35px; height:35px; color:#fff;} .header_top ul.right li.logout a {line-height:35px; height:35px; /*background:url("/memorial/layout/images/www/main/main_sprite.png") no-repeat -28px 9px;*/} .header_top ul.right li.top_sitemap a {width:30px; height:42px;text-indent: -5000px; background:url("/memorial/layout/images/www/main/main_sprite.png") no-repeat -66px 9px;} .header_top ul.right li span {display:inline-block; margin-right:4px; vertical-align:sub;} .header_top ul.right li.manager { padding-left:20px;} .header_top ul.right li a:hover { color:#000;} .header_top ul.right li.joint .icon {background:url("/memorial/layout/images/www/common/main_sp.png") no-repeat -39px -3px; width:21px; height:19px; } .header_top ul.right li.login .icon {background:url("/memorial/layout/images/www/common/main_sp.png") no-repeat -42px -38px; width:18px; height:20px; } .header_top ul.right li.logout .icon {background:url("/memorial/layout/images/www/common/main_sp.png") no-repeat -42px -70px; width:18px; height:20px; } .header_top ul.right li.manager .icon {background:url("/memorial/layout/images/www/common/main_sp.png") no-repeat -41px -2px; width:20px; height:20px; } .header_top ul.right li.joint:hover .icon {background:url("/memorial/layout/images/www/common/main_sp.png") no-repeat -98px -3px;} .header_top ul.right li.login:hover .icon {background:url("/memorial/layout/images/www/common/main_sp.png") no-repeat -99px -38px;} .header_top ul.right li.logout:hover .icon{background:url("/memorial/layout/images/www/common/main_sp.png") no-repeat -99px -70px;} .header_top ul.right li.manager:hover .icon {background:url("/memorial/layout/images/www/common/main_sp.png") no-repeat -99px -2px;} .gnb { position:absolute; left:53%;width:900px; height:90px;margin-left: -450px;} .gnb > li.gnbA{float:left; width:19.5%;} .gnb > li.gnbA > a{display:block;width:100%;text-align:center;color:#fff;font-size:18px !important;line-height:90px; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .gnb > li.gnbA:hover > a { color:#efaf08;} /* .gnb > li.gnbA1on > ul > li.on > a, .gnb > li.gnbA2on > ul > li.on > a , .gnb > li.gnbA3on > ul > li.on > a, .gnb > li.gnbA4on > ul > li.on > a, .gnb > li.gnbA5on > ul > li.on > a {background-color:#e6e6e6;}*/ .gnb > li.gnbA1on > ul > li.on > a:hover, .gnb > li.gnbA2on > ul > li.on > a:hover , .gnb > li.gnbA3on > ul > li.on > a:hover , .gnb > li.gnbA4on > ul > li.on > a:hover, .gnb > li.gnbA5on > ul > li.on > a:hover {color:#ccc;} /*부가정보 숨김*/ .gnb .gnbA:last-child {display: none;} .gnb > li.on {height:70px;} .gnb > li.on > a {border-left:0px; color:#efaf08;} .gnb > li.on:hover > a {background:none;} .gnbB {position:relative; z-index:100; height:200px; } .gnbB:hover {background-color:rgba(255,255,255,0.5);} .gnbB > li:first-child {padding-top:5px;} .gnbB > li > a{display:block; color:#fff; text-align:center; line-height:37px;font-size: 16px;} .gnbB > li > a:hover {background-color:#444; color:#fff; } .gnbB5 {border-right:0px;} .gnbB{display:none; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .gnb_bg { position:relative; top:90px;display: none; height: 200px; background:rgba(0,0,0,0.7);} .gnbB > li.on > a {border-bottom: 1px solid #efaf08;color: #efaf08;} /*4차메뉴*/ ul.section{overflow:hidden} ul.section li{float:left;width:20%;text-align:center} ul.section li a{display:block;height:44px;line-height:44px;background:rgba(0,0,0,0.9);border:1px solid #d2d2d2;margin-left:3px;margin-bottom:3px;font-size:13px;color:#555} ul.section li a:hover{color:#e62129;background:#fff} .clear:after{display:block; content:""; clear:both} .inner {margin: 0 auto; width:1300px; position:relative;z-index: 100;} #top_menu:hover .gnbB, #top_menu:hover .gnb_bg{display:block;} #top_menu .sitemap { position: absolute; right:22px; top: 27px;} #top_menu .sitemap a {background:url("/memorial/layout/images/www/common/main_sp.png") no-repeat -73px -161px; width:29px; height:23px; text-indent:-5000px; display:inline-block;text-shadow: 1px 2px 2px gray;} #footer { clear:both;width:100%; background:#e2dfdf; height:220px; } /*슬라이드배너 숨김*/ #footer .footer_top {width:100%; height:70px; border-top:1px solid #dcdcdc; background:#fff;} #footer ul.footer_link { float:left;height:70px;} #footer ul.footer_link li {display: inline-block; line-height:70px;} #footer ul.footer_link li a {display:block; color:#333;font-size:16px; text-align:center;} #footer ul.footer_link li a:hover {color:#c42b08;} #footer ul.footer_link li span {display: inline-block;width: 1px;height: 10px;background: #ccc;margin: 0 20px;} #footer .family_site {position:absolute; right:0; width:220px; height:70px;line-height: 70px; border-left:1px solid #ededed; border-right:1px solid #ededed; color:#dedede; background:none; } #footer .family_site a {display:block;width:200px;text-align:left;padding-left:20px;} #footer .family_site a .ic01 {position: absolute;right: 10px; width:25px;height: 25px;top: 33%;background:url("/memorial/layout/images/www/common/main_sp.png") right -325px;} #footer .family_site div.linkbox {display:none; position:absolute; bottom:0; left:0; z-index:100; width:220px;} #footer .family_site div.linkbox {position:absolute; bottom: 70px; left:0; z-index:50;} #footer .family_site div.linkbox li {height:45px; line-height:39px; background-color:#535658;; width:220px; border-bottom:1px solid #fff;} #footer .family_site div.linkbox li a { display:block; color:#fff; width:221px; height:45px; background:none; line-height:45px;} #footer .family_site div.linkbox li a:hover { color : #ffd500} #footer .footer_btm {width:100%; clear:both; padding-top:35px;} #footer .footer_btm p.logo {margin: 0 30px 0 0;background:url("/memorial/layout/images/www/common/footer_logo.png") no-repeat; float:left; width:215px; height:33px;} #footer .footer_btm p.logo span {display:block; text-indent:-5000px;} #footer .footer_btm address {float:left; color:#333; line-height:24px; font-weight:300 !important;font-size:16px;} #footer .footer_btm address p span {display: inline-block;width: 1px;height: 10px;background: #5f666c;margin: 0 10px;} #footer .footer_btm address .copy { font-size:14px; color:#666;} .banner_slide {left:20px;}